/* =========================================================
           RESET
           ========================================================= */

        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        html,
        body {
            margin: 0;
            padding: 0;
            min-height: 100%;
        }

        html {
            background: #f5f7fa;
        }

        button,
        input,
        select,
        textarea {
            font: inherit;
        }


        /* =========================================================
           GLOBAL DESIGN TOKENS
           ========================================================= */

        :root {

            --app-bg: #f5f7fa;

            --surface-subtle: #f9fafb;
            --surface-hover: #f7f8fa;
            --surface-active: #f2f4f7;

            --sidebar-bg: #101828;
            --sidebar-hover: rgba(255, 255, 255, 0.055);
            --sidebar-active: rgba(255, 255, 255, 0.09);
            --sidebar-border: rgba(255, 255, 255, 0.07);

            --sidebar-muted: #7f8da3;

            --text-primary: #101828;
            --text-secondary: #344054;

            --border: #eaecf0;

            --primary: #182230;
            --primary-hover: #253247;
            --primary-active: #101828;






            --sidebar-width: 224px;


            --shadow-xs:
                0 1px 2px rgba(16, 24, 40, 0.03);

            --shadow-sm:
                0 1px 3px rgba(16, 24, 40, 0.05),
                0 1px 2px rgba(16, 24, 40, 0.025);

            --focus-ring:
                0 0 0 3px rgba(52, 64, 84, 0.12);
        }


        /* =========================================================
           GLOBAL
           ========================================================= */

        body {
            min-width: 320px;



            font-family:
                Inter,
                -apple-system,
                BlinkMacSystemFont,
                "Segoe UI",
                Roboto,
                Helvetica,
                Arial,
                sans-serif;

            font-weight: 400;

            line-height: 1.45;

            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;

            text-rendering: optimizeLegibility;
        }

        a {
            color: inherit;
        }

        ::selection {
            background: #e4e7ec;
            color: var(--text-primary);
        }


        /* =========================================================
           SIDEBAR
           ========================================================= */

        .sidebar {
            position: fixed;

            top: 0;
            left: 0;
            bottom: 0;


            display: flex;
            flex-direction: column;

            padding: 16px 11px 11px;



            color: white;

            overflow-x: hidden;
            overflow-y: auto;

            z-index: 100;
        }


        /* =========================================================
           BRAND
           ========================================================= */

        .sidebar-brand {
            padding: 4px 9px 15px;

            margin-bottom: 4px;

            border-bottom:
                1px solid
                var(--sidebar-border);
        }

        .sidebar-brand-row {
            display: flex;

            align-items: center;

            gap: 10px;
        }

        .sidebar-brand-logo {
            width: 36px;
            height: 36px;

            flex: 0 0 36px;

            object-fit: contain;

            padding: 3px;

            background: white;

            border-radius: 7px;
        }


        .sidebar-product-name {
            color: white;

            font-size: 21px;
            font-weight: 700;

            line-height: 1;

            letter-spacing: -0.6px;
        }

        .sidebar-company-name {
            margin-top: 4px;

            color: #98a2b3;

            font-weight: 500;

            line-height: 1.2;

        }


        /* =========================================================
           NAVIGATION
           ========================================================= */

        .sidebar-navigation {
            flex: 1;

            padding-top: 2px;
        }

        .menu-group {
            margin-top: 18px;
        }

        .menu-group:first-child {
            margin-top: 8px;
        }

        .menu-title {
            margin: 0 9px 5px;

            color: #667085;

            font-size: 8px;
            font-weight: 700;

            line-height: 1.4;

            letter-spacing: 1.15px;

            text-transform: uppercase;
        }

        .sidebar-navigation a {
            position: relative;

            display: flex;

            align-items: center;

            min-height: 34px;

            margin: 1px 0;

            padding: 7px 10px;

            border-radius: var(--radius-sm);

            color: var(--sidebar-text);

            text-decoration: none;

            font-weight: 450;

            line-height: 1.2;

            transition:
                background-color 120ms ease,
                color 120ms ease;
        }

        .sidebar-navigation a:hover {
            background: var(--sidebar-hover);

            color: white;
        }

        .sidebar-navigation a.active {
            background: var(--sidebar-active);

            color: white;

            font-weight: 600;
        }

        .sidebar-navigation a.active::before {
            content: "";

            position: absolute;

            top: 8px;
            left: 0;

            width: 2px;

            background: white;

            border-radius:
                0
                2px
                2px
                0;
        }


        /* =========================================================
           USER ACCOUNT
           ========================================================= */

        .sidebar-user {
            display: grid;

            grid-template-columns:
                minmax(0, 1fr)
                auto;

            align-items: start;

            gap: 9px;

            margin-top: 13px;

            padding: 11px 9px 2px;

            border-top:
                1px solid
                var(--sidebar-border);
        }

        .sidebar-user-info {
            min-width: 0;
        }

        .sidebar-user-name {
            color: var(--sidebar-strong);

            font-size: 11px;
            font-weight: 600;

            line-height: 1.3;

        }

        .sidebar-user-role {

            color: var(--sidebar-muted);

            font-size: 9.5px;
        }

        

        

        


        /* =========================================================
           MAIN WORKSPACE
           ========================================================= */

        .main {


            padding:
                26px
                30px
                44px;
        }


        /* =========================================================
           TYPOGRAPHY
           ========================================================= */

        h1,
        h2,
        h3,
        h4 {
            margin-top: 0;

            color: var(--text-primary);
        }

        h1 {
            font-size: 24px;
            font-weight: 700;

            line-height: 1.25;

            letter-spacing: -0.45px;
        }

        h2 {
            font-weight: 650;

            line-height: 1.3;

            letter-spacing: -0.3px;
        }

        h3 {
            font-weight: 650;

            line-height: 1.35;

            letter-spacing: -0.15px;
        }

        h4 {

            line-height: 1.4;
        }

        p {
            color: var(--text-muted);
        }

        .text-muted {
            color: var(--text-muted);
        }

        .text-small {
            font-size: 11px;
        }


        /* =========================================================
           PAGE HEADER
           ========================================================= */

        .page-header {
            display: flex;

            align-items: center;
            justify-content: space-between;

            gap: 18px;

            margin-bottom: 20px;
        }

        .page-header h1 {
            margin: 0;
        }

        .page-subtitle {
            margin: 4px 0 0;

            color: var(--text-muted);

            font-size: 12px;

            line-height: 1.45;
        }

        .page-actions {
            display: flex;

            align-items: center;

            gap: 7px;

            flex-wrap: wrap;
        }

        .page-actions form {
            display: inline-flex;

            margin: 0;
        }


        /* =========================================================
           CARDS / PANELS
           ========================================================= */

        .panel,
        .card,
        .form-card,
        .profile-card,
        .activity-form,
        .user-card,
        .empty-state,
        .kpi-card {
            background: var(--surface);

            border:
                1px solid
                var(--border);

            border-radius: var(--radius-lg);

            box-shadow: var(--shadow-xs);
        }

        .panel {
            padding: 18px;
        }

        .card,
        .form-card,
        .profile-card,
        .activity-form,
        .user-card {
            padding: 18px;
        }

        .card-header {
            display: flex;

            align-items: center;
            justify-content: space-between;

            gap: 14px;

            margin-bottom: 14px;
        }

        .card-title {
            color: var(--text-primary);

            font-size: 13px;
            font-weight: 650;
        }


        /* =========================================================
           KPI
           ========================================================= */

        .kpi-grid {
            display: grid;

            grid-template-columns:
                repeat(
                    4,
                    minmax(0, 1fr)
                );

            gap: 12px;
        }

        .kpi-card {
            min-width: 0;

            padding: 18px;
        }

        .kpi-label {
            margin-bottom: 10px;


            font-size: 11px;
            font-weight: 500;
        }

        .kpi-value {

            font-size: 25px;


            letter-spacing: -0.5px;
        }

        .kpi-meta {
            margin-top: 7px;


            font-size: 10px;
        }


        /* =========================================================
           SECTION HEADERS
           ========================================================= */

        .section-header {


            gap: 14px;

            margin:
                22px
                0
                10px;
        }

        .section-header h2 {

            font-weight: 650;
        }

        .section-link {
            color: var(--text-secondary);

            text-decoration: none;

            font-size: 11px;
            font-weight: 600;
        }

        .section-link:hover {
            color: var(--text-primary);
        }


        /* =========================================================
           GLOBAL BUTTON SYSTEM
           ========================================================= */

        button,
        input[type="submit"],
        input[type="button"],
        .button,
        .add-button,
        .save-button,
        .primary-button,
        .secondary-button,
        .edit-button,
        .delete-button {
            display: inline-flex;

            align-items: center;
            justify-content: center;


            padding:
                0
                13px;

            margin: 0;

            border:
                1px solid
                transparent;


            font-family: inherit;



            letter-spacing: 0;

            white-space: nowrap;

            vertical-align: middle;

            text-decoration: none;

            cursor: pointer;

            appearance: none;
            -webkit-appearance: none;

            transition:
                background-color 120ms ease,
                border-color 120ms ease,
                color 120ms ease,
                box-shadow 120ms ease;
        }


        /* PRIMARY */

        .button,
        .add-button,
        .save-button,
        .primary-button {
            background: var(--primary);

            border-color: var(--primary);

            color: white;
        }

        .button:hover,
        .add-button:hover,
        .save-button:hover,
        .primary-button:hover {
            background: var(--primary-hover);

            border-color: var(--primary-hover);

            color: white;
        }

        .button:active,
        .add-button:active,
        .save-button:active,
        .primary-button:active {
            background: var(--primary-active);

            border-color: var(--primary-active);
        }


        /* SECONDARY */

        .secondary-button,
        .edit-button {

            border-color: var(--border-strong);

            color: var(--text-secondary);
        }

        .secondary-button:hover,
        .edit-button:hover {
            background: var(--surface-subtle);

            border-color: var(--border-hover);

            color: var(--text-primary);
        }

        .secondary-button:active,
        .edit-button:active {
            background: var(--surface-active);
        }


        /* DELETE */

        .delete-button {

            border-color: var(--danger-border);

            color: var(--danger);
        }

        .delete-button:hover {
            background: var(--danger-bg);

            border-color: #fda29b;

            color: var(--danger);
        }

        .delete-button:active {
            background: #fee4e2;
        }


        /* GENERIC BUTTON */

        button:not(.logout-link):not(.button):not(.add-button):not(.save-button):not(.primary-button):not(.secondary-button):not(.edit-button):not(.delete-button) {
            background: white;

            border-color: var(--border-strong);

            color: var(--text-secondary);
        }

        button:not(.logout-link):not(.button):not(.add-button):not(.save-button):not(.primary-button):not(.secondary-button):not(.edit-button):not(.delete-button):hover {
            background: var(--surface-subtle);

            border-color: var(--border-hover);

            color: var(--text-primary);
        }


        /* SUBMIT BUTTON */

        input[type="submit"] {
            width: auto;

            background: var(--primary);

            border-color: var(--primary);

            color: white;
        }

        input[type="submit"]:hover {
            background: var(--primary-hover);

            border-color: var(--primary-hover);
        }


        /* FOCUS */

        button:focus-visible,
        input[type="submit"]:focus-visible,
        input[type="button"]:focus-visible,
        .button:focus-visible,
        .add-button:focus-visible,
        .save-button:focus-visible,
        .primary-button:focus-visible,
        .secondary-button:focus-visible,
        .edit-button:focus-visible,
        .delete-button:focus-visible {
            outline: none;

            box-shadow: var(--focus-ring);
        }


        /* DISABLED */

        button:disabled,
        input[type="submit"]:disabled,
        input[type="button"]:disabled {
            opacity: 0.5;

            cursor: not-allowed;

            pointer-events: none;
        }


        /* =========================================================
           ACTION GROUPS
           ========================================================= */

        .actions,
        td .actions {
            display: flex;

            align-items: center;

            gap: 7px;

            flex-wrap: wrap;
        }

        td .actions {
            flex-wrap: nowrap;
        }

        .actions form,
        td .actions form {
            display: inline-flex;

            align-items: center;

            margin: 0;
        }


        /* =========================================================
           TABLE CONTAINERS
           ========================================================= */

        .table-container,
        .table-wrapper {
            width: 100%;

            overflow-x: auto;

            background: var(--surface);

            border:
                1px solid
                var(--border);

            border-radius: var(--radius-lg);

            box-shadow: var(--shadow-xs);
        }


        /* =========================================================
           GLOBAL ENTERPRISE TABLE
           ========================================================= */

        table {
            width: 100%;

            border-collapse: separate;
            border-spacing: 0;

            background: var(--surface);

            border:
                1px solid
                var(--border);

            border-radius: var(--radius-lg);

            overflow: hidden;

            box-shadow: var(--shadow-xs);
        }

        .table-container table,
        .table-wrapper table {
            border: none;

            border-radius: 0;

            box-shadow: none;
        }

        th,
        td {
            padding:
                8px
                13px;

            border-bottom:
                1px solid
                var(--border);


        }

        th {
            height: 40px;

            background: var(--surface-subtle);

            color: var(--text-muted);

            font-size: 9.5px;
            font-weight: 700;

            line-height: 1;

            letter-spacing: 0.45px;


        }

        td {
            height: 52px;

            color: var(--text-secondary);

            font-size: 12px;
            font-weight: 400;

        }


        tbody tr:hover {
            background: var(--surface-hover);
        }

        tbody tr:last-child td {
            border-bottom: none;
        }

        td:first-child,
        th:first-child {
            padding-left: 15px;
        }

        td:last-child,
        th:last-child {
            padding-right: 15px;
        }


        /* =========================================================
           FORM SYSTEM
           ========================================================= */

        label {
            display: inline-block;

            margin-bottom: 5px;

            color: var(--text-secondary);

            font-size: 11.5px;
            font-weight: 600;

            line-height: 1.4;
        }


        input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
        select {

            height: var(--control-height);
            min-height: var(--control-height);

            padding:
                0
                10px;

            background: white;

            border:
                1px solid
                var(--border-strong);

            border-radius: var(--radius-sm);

            color: var(--text-primary);

            font-family: inherit;

            font-size: 12.5px;
            font-weight: 400;

            outline: none;


            transition:
                border-color 120ms ease,
                box-shadow 120ms ease;
        }

        input[type="file"] {
            width: 100%;


            padding: 6px 8px;

            background: white;



            color: var(--text-secondary);

            font-size: 12px;
        }

        textarea {

            min-height: 96px;

            padding:
                9px
                10px;

            background: white;

            border:
                1px solid
                var(--border-strong);

            border-radius: var(--radius-sm);

            color: var(--text-primary);

            font-family: inherit;

            font-size: 12.5px;
            font-weight: 400;

            line-height: 1.45;

            outline: none;


            transition:
                border-color 120ms ease,
                box-shadow 120ms ease;
        }

        input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):hover,
        select:hover,
        textarea:hover {
            border-color: var(--border-hover);
        }

        input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus,
        select:focus,
        textarea:focus {
            border-color: #667085;

            box-shadow: var(--focus-ring);
        }

        input::placeholder,
        textarea::placeholder {
            color: var(--text-light);
        }

        select {
            cursor: pointer;
        }

        input:disabled,
        select:disabled,
        textarea:disabled {
            background: var(--surface-subtle);

            color: var(--text-muted);

            cursor: not-allowed;
        }

        input[type="checkbox"],
        input[type="radio"] {
            accent-color: var(--primary);
        }

        .form-group {
            margin-bottom: 15px;
        }

        .form-help {
            margin-top: 5px;

            color: var(--text-muted);

            font-size: 10.5px;

            line-height: 1.4;
        }


        /* =========================================================
           LINKS
           ========================================================= */

        .company-link {
            color: var(--text-primary);


        }



        /* =========================================================
           BADGES
           ========================================================= */

        .badge {

            justify-content: center;

            min-height: 22px;

            padding:
                2px
                8px;

            border-radius: 999px;

            font-weight: 600;

            line-height: 1;

        }

        .badge-success {
            background: var(--success-bg);

            color: var(--success);
        }

        .badge-warning {
            background: var(--warning-bg);

            color: var(--warning);
        }

        .badge-danger {
            background: var(--danger-bg);

            color: var(--danger);
        }

        .badge-info {
            background: var(--info-bg);

            color: var(--info);
        }

        .badge-neutral {
            background: #f2f4f7;

            color: #475467;
        }

        .status-active {
            color: var(--success);

            font-weight: 600;
        }

        .status-inactive {
            color: var(--danger);

            font-weight: 600;
        }


        /* =========================================================
           ALERTS
           ========================================================= */

        .alert,
        .error-message,
        .success-message {
            padding:
                10px
                12px;

            margin-bottom: 14px;

            border-radius: var(--radius-md);

            font-size: 11.5px;

            line-height: 1.45;
        }

        .error-message {
            background: var(--danger-bg);

            border:
                1px solid
                var(--danger-border);

            color: var(--danger);
        }

        .success-message {
            background: var(--success-bg);

            border:
                1px solid
                var(--success-border);

            color: var(--success);
        }


        /* =========================================================
           EMPTY STATE
           ========================================================= */

        .empty-state {
            padding:
                32px
                22px;

            text-align: center;
        }

        .empty-state h3 {
            margin-bottom: 6px;
        }

        .empty-state p {
            max-width: 420px;

            margin:
                0
                auto
                15px;
        }


        /* =========================================================
           DIVIDER
           ========================================================= */

        .divider {
            width: 100%;
            height: 1px;

            margin:
                18px
                0;

            background: var(--border);
        }


        /* =========================================================
           SCROLLBAR
           ========================================================= */

        .sidebar::-webkit-scrollbar {
            width: 4px;
        }

        .sidebar::-webkit-scrollbar-track {
            background: transparent;
        }

        .sidebar::-webkit-scrollbar-thumb {
            background: #344054;

            border-radius: 20px;
        }


        /* =========================================================
           RESPONSIVE
           ========================================================= */

        @media (max-width: 1100px) {

            .kpi-grid {
                grid-template-columns:
                    repeat(
                        2,
                        minmax(0, 1fr)
                    );
            }

        }


        @media (max-width: 800px) {

            .sidebar {
                

                
                

                padding: 13px;
            }

            .sidebar-navigation {
                display: grid;

                grid-template-columns:
                    repeat(
                        2,
                        minmax(0, 1fr)
                    );

                gap:
                    2px
                    4px;
            }

            .menu-group {
                display: contents;
            }

            .menu-title {
                grid-column: 1 / -1;

                margin-top: 14px;
            }

            .sidebar-user {
                margin-top: 17px;
            }

            .main {
                

                padding:
                    20px
                    15px
                    32px;
            }

            .page-header {
                flex-direction: column;

                align-items: flex-start;
            }

            .page-actions {
                width: 100%;
            }

            .kpi-grid {
                grid-template-columns: 1fr;
            }

            table {
                display: block;

                overflow-x: auto;

                
            }

        }


        /* =========================================================
           CENTRALIZED PAGE LAYOUTS
           Child templates contain no CSS. Page-specific layout lives here.
           Global controls remain enforced below.
           ========================================================= */


        /* ---- opportunities.html ---- */

        .opportunity-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 16px;
            margin-bottom: 18px;
        }

        .opportunity-header h1 {
            margin: 0;
        }

        .add-button {
            padding: 9px 15px;
        }



        /* --------------------------------------------------
           OPPORTUNITY FORM
        -------------------------------------------------- */














        /* --------------------------------------------------
           NEXT ACTION
        -------------------------------------------------- */




        /* --------------------------------------------------
           PRODUCT / SERVICE ITEMS
        -------------------------------------------------- */


        .items-header {
            display: grid;
            grid-template-columns:
                minmax(180px, 2fr)
                80px
                130px
                130px
                minmax(170px, 2fr)
                42px;
            gap: 8px;
        }

        .item-row {
            display: grid;
            grid-template-columns:
                minmax(180px, 2fr)
                80px
                130px
                130px
                minmax(170px, 2fr)
                42px;
            gap: 8px;
        }





        .remove-item-button {
            background: #fff;
            line-height: 1;
        }









        /* --------------------------------------------------
           SAVE
        -------------------------------------------------- */





        /* --------------------------------------------------
           OPPORTUNITY TABLE
        -------------------------------------------------- */

        .opportunities-table {
            width: 100%;
            border-collapse: collapse;
        }

        .opportunity-name {
            font-weight: 600;
            color: #111827;
        }

        .product-summary {
            margin-top: 3px;
            color: #64748b;
            font-size: 11px;
        }



        .stage-badge {
            display: inline-flex;
            align-items: center;
            min-height: 24px;
            padding: 3px 8px;
            border-radius: 999px;
            background: #f1f5f9;
            color: #334155;
            font-size: 11px;
            font-weight: 700;
        }

        .value-cell {
            font-weight: 600;
            white-space: nowrap;
        }



        .edit-button {
            min-height: 30px;
            padding: 0 10px;
        }


        .delete-button {
            min-height: 30px;
            background: #b91c1c;
            color: white;
            border: none;
            padding: 0 10px;
        }

        .delete-button:hover {
            background: #991b1b;
        }



        /* --------------------------------------------------
           RESPONSIVE
        -------------------------------------------------- */

        @media (max-width: 1100px) {

            

            
        }

        @media (max-width: 800px) {

            
        }

        @media (max-width: 700px) {

            .opportunity-header {
                align-items: flex-start;
            }

            

            
        }

        /* ---- edit_task.html ---- */














        @media (max-width: 700px) {

            

        }

        /* ---- edit_opportunity.html ---- */

        .edit-container {
            max-width: 1180px;
        }

        .edit-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 16px;
            margin-bottom: 18px;
        }

        .edit-header h1 {
            margin: 0;
        }

        .edit-subtitle {
            margin-top: 4px;
            font-size: 13px;
            color: #64748b;
        }



        .form-section-title:first-child {
            margin-top: 0;
        }


        .form-grid-three {
            display: grid;
            grid-template-columns:
                minmax(0, 2fr)
                minmax(150px, 1fr)
                minmax(140px, 1fr);
            gap: 13px 16px;
        }





        .form-group textarea {
            min-height: 75px;
        }


        .helper-text {
            margin-top: 5px;
            font-size: 11px;
            color: #64748b;
        }


        /* NEXT ACTION */

        .next-action-box {
            border: 1px solid #dbe3ec;
            background: #f8fafc;
            border-radius: 7px;
            padding: 14px;
        }

        .next-action-info {
            margin: 0 0 12px 0;
            font-size: 12px;
            color: #64748b;
        }


        /* PRODUCTS / SERVICES */

        .items-wrapper {
            border: 1px solid #e5e7eb;
            border-radius: 7px;
            background: white;
        }

        .items-header,
        .item-row {
            display: grid;
            grid-template-columns:
                minmax(180px, 2fr)
                80px
                130px
                130px
                minmax(170px, 2fr)
                42px;
            gap: 8px;
        }

        .items-header {
            padding: 8px 10px;
            background: #f8fafc;
            border-bottom: 1px solid #e5e7eb;
            font-size: 11px;
            font-weight: 700;
            color: #64748b;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }

        .item-row {
            align-items: center;
            padding: 8px 10px;
            border-bottom: 1px solid #eef2f7;
        }

        .item-row:last-child {
            border-bottom: none;
        }

        .item-row input {
            width: 100%;
            min-width: 0;
            min-height: 34px;
            padding: 6px 8px;
            border: 1px solid #d1d5db;
            border-radius: 5px;
            font-size: 13px;
            box-sizing: border-box;
        }

        .item-row input:focus {
            outline: none;
            border-color: #64748b;
        }

        .line-total {
            min-height: 34px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding: 0 8px;
            background: #f8fafc;
            border-radius: 5px;
            font-size: 13px;
            font-weight: 600;
            color: #111827;
            white-space: nowrap;
        }

        .remove-item-button {
            width: 32px;
            height: 32px;
            padding: 0;
            border: 1px solid #fecaca;
            background: white;
            color: #b91c1c;
            border-radius: 5px;
            cursor: pointer;
            font-size: 17px;
        }

        .remove-item-button:hover {
            background: #fef2f2;
        }

        .items-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 16px;
            margin-top: 10px;
        }

        .add-item-button {
            border: 1px solid #cbd5e1;
            background: white;
            color: #334155;
            padding: 7px 11px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 12px;
            font-weight: 600;
        }

        .add-item-button:hover {
            background: #f8fafc;
        }

        .opportunity-total-box {
            display: flex;
            align-items: baseline;
            gap: 10px;
        }

        .opportunity-total-label {
            font-size: 12px;
            font-weight: 600;
            color: #64748b;
        }

        .opportunity-total-value {
            font-size: 20px;
            font-weight: 700;
            color: #111827;
        }


        /* BUTTONS */

        .buttons {
            justify-content: flex-end;
            gap: 8px;
        }

        .save-button {
            padding: 9px 16px;
        }


        .cancel-button {
            display: inline-flex;
            align-items: center;
            background: white;
            color: #334155;
            border: 1px solid #cbd5e1;
            padding: 8px 15px;
            font-size: 13px;
            font-weight: 600;
        }

        .cancel-button:hover {
            background: #f8fafc;
        }


        @media (max-width: 1100px) {

            .items-wrapper {
                overflow-x: auto;
            }

            .items-header,
            .item-row {
                min-width: 900px;
            }
        }


        @media (max-width: 800px) {

            .form-grid,
            .form-grid-three {
                grid-template-columns: 1fr;
            }
        }


        @media (max-width: 700px) {

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

            .opportunity-total-box {
                align-self: flex-end;
            }
        }

        /* ---- edit_contact.html ---- */














        @media (max-width: 700px) {

            

        }

        /* ---- edit_company.html ---- */







        .form-group textarea {
            min-height: 100px;
        }







        @media (max-width: 700px) {

            

        }

        /* ---- edit_activity.html ---- */

        .form-card {
            max-width: 900px;
        }

        .form-card h2 {
            margin-top: 0;
        }



        .form-group label {
            font-size: 14px;
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            padding: 10px;
        }

        .form-group textarea {
            min-height: 120px;
        }


        .buttons {
            margin-top: 20px;
            display: flex;
            gap: 10px;
        }

        .save-button {
            padding: 12px 20px;
        }


        .cancel-button {
            padding: 12px 20px;
        }


        @media (max-width: 700px) {

            

        }

        /* ---- dashboard.html ---- */

        /* =========================================================
           DASHBOARD
           ========================================================= */

        .dashboard {
            max-width: 1600px;
            margin: 0 auto;
        }


        /* =========================================================
           HEADER
           ========================================================= */

        .dashboard-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 24px;
            margin-bottom: 26px;
        }

        .dashboard-header h1 {
            margin: 0;
            font-size: 28px;
            letter-spacing: -0.5px;
        }

        .dashboard-subtitle {
            margin: 5px 0 0;
            color: var(--text-muted);
            font-size: 13px;
        }

        .dashboard-search {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 36px;
            padding: 8px 14px;
            background: white;
            border: 1px solid var(--border-strong);
            border-radius: var(--radius-sm);
            color: var(--text-secondary);
            text-decoration: none;
            font-size: 12px;
            font-weight: 600;
            transition:
                background 140ms ease,
                border-color 140ms ease;
        }

        .dashboard-search:hover {
            background: var(--surface-subtle);
            border-color: #98a2b3;
        }


        /* =========================================================
           KPI GRID
           ========================================================= */

        .dashboard-kpi-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 14px;
            margin-bottom: 28px;
        }

        .dashboard-kpi {
            display: block;
            min-width: 0;
            padding: 19px;
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-xs);
            text-decoration: none;
            transition:
                border-color 140ms ease,
                box-shadow 140ms ease,
                transform 140ms ease;
        }

        .dashboard-kpi:hover {
            border-color: #d0d5dd;
            box-shadow: var(--shadow-sm);
            transform: translateY(-1px);
        }

        .kpi-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        .kpi-label {
            color: var(--text-muted);
            font-size: 11.5px;
            font-weight: 550;
        }

        .kpi-dot {
            width: 7px;
            height: 7px;
            flex: 0 0 7px;
            border-radius: 50%;
            background: #d0d5dd;
        }

        .kpi-dot.info {
            background: #2e90fa;
        }

        .kpi-dot.success {
            background: #12b76a;
        }

        .kpi-dot.warning {
            background: #f79009;
        }

        .kpi-dot.danger {
            background: #f04438;
        }

        .kpi-value {
            margin-top: 14px;
            color: var(--text-primary);
            font-size: 29px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: -0.7px;
        }

        .kpi-meta {
            margin-top: 8px;
            color: var(--text-light);
            font-size: 10.5px;
        }


        /* =========================================================
           SECTION
           ========================================================= */

        .dashboard-section {
            margin-top: 28px;
        }

        .dashboard-section-header {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 20px;
            margin-bottom: 11px;
        }

        .dashboard-section-title {
            margin: 0;
            color: var(--text-primary);
            font-size: 16px;
            font-weight: 650;
        }

        .dashboard-section-description {
            margin: 3px 0 0;
            color: var(--text-muted);
            font-size: 10.5px;
        }

        .dashboard-section-link {
            color: var(--text-secondary);
            text-decoration: none;
            font-size: 11px;
            font-weight: 600;
        }

        .dashboard-section-link:hover {
            color: var(--text-primary);
        }


        /* =========================================================
           NEEDS ATTENTION
           ========================================================= */

        .attention-panel {
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-xs);
            overflow: hidden;
        }

        .attention-item {
            display: grid;
            grid-template-columns: 8px minmax(0, 1fr) auto;
            align-items: center;
            gap: 13px;
            padding: 14px 17px;
            border-bottom: 1px solid var(--border);
            text-decoration: none;
            transition: background 120ms ease;
        }

        .attention-item:last-child {
            border-bottom: none;
        }

        .attention-item:hover {
            background: var(--surface-subtle);
        }

        .attention-indicator {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #98a2b3;
        }

        .attention-item.danger .attention-indicator {
            background: #f04438;
        }

        .attention-item.warning .attention-indicator {
            background: #f79009;
        }

        .attention-item.info .attention-indicator {
            background: #2e90fa;
        }

        .attention-item.success .attention-indicator {
            background: #12b76a;
        }

        .attention-copy {
            min-width: 0;
        }

        .attention-title {
            color: var(--text-primary);
            font-size: 12px;
            font-weight: 600;
        }

        .attention-message {
            margin-top: 2px;
            color: var(--text-muted);
            font-size: 10.5px;
        }

        .attention-arrow {
            color: var(--text-light);
            font-size: 13px;
        }

        .attention-clear {
            padding: 23px;
            color: var(--text-muted);
            text-align: center;
            font-size: 12px;
        }


        /* =========================================================
           MAIN GRID
           ========================================================= */

        .dashboard-main-grid {
            display: grid;
            grid-template-columns:
                minmax(0, 1.55fr)
                minmax(320px, 0.85fr);
            gap: 18px;
            margin-top: 28px;
        }

        .dashboard-panel {
            min-width: 0;
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-xs);
            overflow: hidden;
        }

        .dashboard-panel-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 16px 18px;
            border-bottom: 1px solid var(--border);
        }

        .dashboard-panel-title {
            margin: 0;
            color: var(--text-primary);
            font-size: 13.5px;
            font-weight: 650;
        }

        .dashboard-panel-description {
            margin-top: 2px;
            color: var(--text-muted);
            font-size: 10px;
        }


        /* =========================================================
           NEXT ACTIONS
           ========================================================= */

        .next-actions {
            padding: 3px 0;
        }

        .next-action {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 14px;
            padding: 14px 18px;
            border-bottom: 1px solid var(--border);
        }

        .next-action:last-child {
            border-bottom: none;
        }

        .next-action-main {
            min-width: 0;
        }

        .next-action-title {
            color: var(--text-primary);
            font-size: 12px;
            font-weight: 600;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .next-action-company {
            margin-top: 4px;
            color: var(--text-muted);
            font-size: 10.5px;
        }

        /* CLICKABLE COMPANY */

        .next-action-company-link {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            color: var(--text-secondary);
            text-decoration: none;
            font-weight: 600;
            transition: color 120ms ease;
        }

        .next-action-company-link:hover {
            color: var(--text-primary);
            text-decoration: underline;
        }

        .next-action-company-link::after {
            content: "→";
            font-size: 10px;
            color: var(--text-light);
            text-decoration: none;
        }

        .next-action-status {
            display: inline-flex;
            align-items: center;
            min-height: 22px;
            border-radius: 999px;
            font-size: 9.5px;
            font-weight: 600;
            white-space: nowrap;
        }

        .next-action-status.overdue {
            background: var(--danger-bg);
            color: var(--danger);
        }

        .next-action-status.today {
            background: var(--warning-bg);
            color: var(--warning);
        }

        .next-actions-empty {
            padding: 26px 18px;
            color: var(--text-muted);
            text-align: center;
            font-size: 11px;
        }


        /* =========================================================
           CRM HEALTH
           ========================================================= */

        .crm-health-list {
            padding: 3px 0;
        }

        .crm-health-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 14px;
            align-items: center;
            padding: 13px 18px;
            border-bottom: 1px solid var(--border);
            text-decoration: none;
        }

        .crm-health-row:last-child {
            border-bottom: none;
        }

        .crm-health-row:hover {
            background: var(--surface-subtle);
        }

        .crm-health-label {
            color: var(--text-secondary);
            font-size: 11px;
        }

        .crm-health-value {
            color: var(--text-primary);
            font-size: 14px;
            font-weight: 650;
        }


        /* =========================================================
           SALES
           ========================================================= */

        .sales-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .sales-item {
            padding: 19px;
            border-right: 1px solid var(--border);
        }

        .sales-item:last-child {
            border-right: none;
        }

        .sales-label {
            color: var(--text-muted);
            font-size: 10.5px;
            font-weight: 550;
        }

        .sales-value {
            margin-top: 8px;
            color: var(--text-primary);
            font-size: 22px;
            font-weight: 700;
            letter-spacing: -0.4px;
        }

        .sales-meta {
            margin-top: 5px;
            color: var(--text-light);
            font-size: 10px;
        }


        /* =========================================================
           DATABASE
           ========================================================= */

        .database-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .database-item {
            display: block;
            padding: 17px 18px;
            border-right: 1px solid var(--border);
            text-decoration: none;
            transition: background 120ms ease;
        }

        .database-item:last-child {
            border-right: none;
        }

        .database-item:hover {
            background: var(--surface-subtle);
        }

        .database-value {
            color: var(--text-primary);
            font-size: 19px;
            font-weight: 700;
        }

        .database-label {
            margin-top: 4px;
            color: var(--text-muted);
            font-size: 10px;
        }


        /* =========================================================
           RESPONSIVE
           ========================================================= */

        @media (max-width: 1200px) {

            .dashboard-kpi-grid {
                grid-template-columns:
                    repeat(2, minmax(0, 1fr));
            }

            .dashboard-main-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 800px) {

            .dashboard-header {
                flex-direction: column;
            }

            .dashboard-kpi-grid {
                grid-template-columns: 1fr;
            }

            .sales-grid,
            .database-grid {
                grid-template-columns: 1fr;
            }

            .sales-item,
            .database-item {
                border-right: none;
                border-bottom: 1px solid var(--border);
            }

            .sales-item:last-child,
            .database-item:last-child {
                border-bottom: none;
            }
        }

        /* ---- contract_new.html ---- */







        .form-group input,
        .form-group select,
        .form-group textarea {
            padding: 11px;
            border-radius: 6px;
            font-size: 14px;
        }

        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            border-color: #2563eb;
        }

        .form-group textarea {
            min-height: 300px;
        }

        .file-help {
            margin-top: 7px;
            color: #6b7280;
            font-size: 13px;
        }








        /* ---- contract_edit.html ---- */


        .contract-card h2 {
            margin-top: 0;
            margin-bottom: 5px;
        }

        .company-name {
            margin-top: 0;
            margin-bottom: 25px;
        }


        .form-group label {
            font-weight: bold;
        }

        .form-group input,
        .form-group select {
            padding: 11px;
            border: 1px solid #d1d5db;
            border-radius: 6px;
            font-size: 14px;
        }

        .form-group input:focus,
        .form-group select:focus {
            outline: none;
            border-color: #2563eb;
        }

        .info-box {
            margin-bottom: 25px;
        }

        .info-box strong {
            display: block;
            margin-bottom: 5px;
        }


        .save-button {
            padding: 11px 18px;
            font-size: 14px;
        }


        .cancel-button {
            display: inline-block;
            background: #e5e7eb;
            color: #222;
            padding: 11px 18px;
            border-radius: 6px;
            text-decoration: none;
            font-size: 14px;
        }

        .cancel-button:hover {
            background: #d1d5db;
        }

        /* ---- contract_detail.html ---- */

        .contract-card {
            background: white;
            padding: 25px;
            border-radius: 10px;
            border: 1px solid #e5e7eb;
            max-width: 900px;
            margin-bottom: 25px;
        }

        .contract-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 20px;
            margin-bottom: 25px;
        }

        .contract-header h2 {
            margin: 0 0 5px 0;
        }

        .company-name {
            color: #6b7280;
            margin: 0;
        }

        .status-badge {
            display: inline-block;
            padding: 6px 10px;
            font-size: 13px;
            font-weight: bold;
        }

        .status-draft {
            background: #fef3c7;
            color: #92400e;
        }

        .status-sent {
            background: #dcfce7;
            color: #166534;
        }

        .details {
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
        }

        .detail {
            background: #f9fafb;
            padding: 15px;
        }

        .label {
            font-size: 12px;
            font-weight: bold;
            color: #6b7280;
            margin-bottom: 5px;
        }

        .back-button {
            display: inline-block;
            margin-bottom: 20px;
            background: #e5e7eb;
            color: #222;
            padding: 10px 14px;
            border-radius: 6px;
        }

        .back-button:hover {
            background: #d1d5db;
        }

        .button-row {
            display: flex;
            gap: 10px;
            margin-top: 25px;
            flex-wrap: wrap;
        }

        .edit-button {
            border: none;
            padding: 10px 16px;
            border-radius: 6px;
            cursor: pointer;
        }


        .pdf-button {
            display: inline-block;
            background: #374151;
            color: white;
            border: none;
            padding: 10px 16px;
            border-radius: 6px;
            text-decoration: none;
            cursor: pointer;
        }

        .pdf-button:hover {
            background: #1f2937;
        }

        .send-button {
            background: #059669;
            color: white;
            border: none;
            padding: 10px 16px;
            border-radius: 6px;
            cursor: pointer;
        }

        .send-button:hover {
            background: #047857;
        }

        .disabled-button {
            background: #d1d5db;
            color: #6b7280;
            border: none;
            padding: 10px 16px;
            border-radius: 6px;
            cursor: not-allowed;
        }

        .info-box {
            background: #f9fafb;
            border: 1px solid #e5e7eb;
            padding: 15px;
            border-radius: 6px;
            margin-top: 25px;
        }

        .info-box p {
            margin: 5px 0;
        }

        .pdf-box {
            background: #f9fafb;
            border: 1px solid #e5e7eb;
            padding: 15px;
            border-radius: 6px;
            margin-top: 25px;
        }

        .pdf-box strong {
            display: block;
            margin-bottom: 8px;
        }

        .pdf-box p {
            margin: 0 0 15px 0;
            color: #6b7280;
        }

        @media (max-width: 700px) {

            .details {
                grid-template-columns: 1fr;
            }

            .contract-header {
                flex-direction: column;
            }
        }

        /* ---- contacts.html ---- */

        .form-card {
        padding: 25px;
        border-radius: 10px;
        margin-bottom: 25px;
        }

        .form-card h3 {
        margin-top: 0;
        }

        .form-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        }


        .form-group label {
        margin-bottom: 6px;
        }

        .form-group textarea {
        min-height: 80px;
        }







        @media (max-width: 700px) {
        
        }

        /* ---- company_profile.html ---- */

        .workspace {
            max-width: 1400px;
        }


        /* HEADER */

        .company-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 20px;
            margin-bottom: 18px;
        }

        .company-header h1 {
            margin: 0;
            font-size: 24px;
        }

        .company-meta {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-top: 6px;
        }

        .company-status {
            display: inline-flex;
            align-items: center;
            padding: 3px 8px;
            border-radius: 4px;
            background: #eef2f7;
            color: #475569;
            font-size: 11px;
            font-weight: 700;
        }

        .back-button {
            display: inline-flex;
            align-items: center;
            color: #475569;
            font-size: 12px;
            font-weight: 600;
            text-decoration: none;
            margin-bottom: 10px;
        }

        .back-button:hover {
            color: #111827;
        }


        /* COMPANY OVERVIEW */

        .overview-card {
            background: white;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            padding: 16px;
            margin-bottom: 20px;
        }

        .details {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 12px;
        }

        .detail {
            background: #f8fafc;
            border: 1px solid #eef2f7;
            border-radius: 6px;
            padding: 11px 12px;
            min-height: 52px;
        }

        .detail-wide {
            grid-column: span 2;
        }

        .label {
            font-size: 10px;
            font-weight: 700;
            color: #64748b;
            margin-bottom: 4px;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }

        .detail-value {
            font-size: 13px;
            color: #111827;
        }


        /* SUMMARY */

        .workspace-summary {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
            margin-bottom: 22px;
        }

        .summary-card {
            background: white;
            border: 1px solid #e5e7eb;
            border-radius: 7px;
            padding: 12px 14px;
        }

        .summary-label {
            font-size: 10px;
            color: #64748b;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }

        .summary-value {
            margin-top: 3px;
            font-size: 21px;
            font-weight: 700;
            color: #111827;
        }


        /* SECTIONS */

        .workspace-section {
            margin-top: 25px;
        }

        .section-header {
            margin-bottom: 9px;
        }

        .section-header h2 {
            margin: 0;
            font-size: 16px;
            color: #111827;
        }

        .section-description {
            margin-top: 3px;
            font-size: 11px;
        }

        .section-actions {
            display: flex;
            align-items: center;
            gap: 7px;
        }


        /* BUTTONS */

        .add-button,
        .secondary-button,
        .edit-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 5px;
            text-decoration: none;
            cursor: pointer;
            font-size: 12px;
            font-weight: 600;
        }

        .add-button {
            border: 1px solid #1f2937;
            padding: 7px 10px;
        }


        .secondary-button,
        .edit-button {
            background: white;
            color: #334155;
            border: 1px solid #cbd5e1;
            padding: 6px 9px;
        }

        .secondary-button:hover,
        .edit-button:hover {
            background: #f8fafc;
        }



        .delete-form {
            display: inline-block;
            margin: 0;
        }


        /* TABLES */

        .table-wrapper {
            background: white;
            border: 1px solid #e5e7eb;
            border-radius: 7px;
            overflow-x: auto;
        }

        .workspace-table {
            width: 100%;
            border-collapse: collapse;
        }

        .workspace-table th {
            padding: 8px 11px;
            background: #f8fafc;
            border-bottom: 1px solid #e5e7eb;
            text-align: left;
            color: #64748b;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            white-space: nowrap;
        }

        .workspace-table td {
            padding: 9px 11px;
            border-bottom: 1px solid #eef2f7;
            color: #374151;
            font-size: 12px;
            vertical-align: middle;
        }

        .workspace-table tbody tr:last-child td {
            border-bottom: none;
        }

        .workspace-table tbody tr:hover {
            background: #fafbfc;
        }

        .strong {
            font-weight: 600;
            color: #111827;
        }


        /* BADGES */

        .badge {
            display: inline-flex;
            align-items: center;
            padding: 3px 7px;
            border-radius: 4px;
            font-size: 10px;
            font-weight: 700;
            white-space: nowrap;
        }

        .badge-open {
            background: #eff6ff;
            color: #1d4ed8;
        }

        .badge-progress {
            background: #fff7ed;
            color: #c2410c;
        }

        .badge-completed {
            background: #f0fdf4;
            color: #15803d;
        }

        .badge-high {
            background: #fef2f2;
            color: #b91c1c;
        }

        .badge-normal {
            background: #f8fafc;
            color: #475569;
        }

        .badge-low {
            background: #f0fdf4;
            color: #15803d;
        }

        .contract-sent {
            color: #166534;
            font-weight: 700;
        }

        .contract-draft {
            color: #92400e;
            font-weight: 700;
        }


        /* EMPTY STATE */

        .empty-state {
            padding: 15px;
            font-size: 12px;
        }


        /* TASK HISTORY */

        .history-toggle {
            padding: 6px 9px;
        }


        .history-content {
            margin-top: 9px;
        }


        /* FORMS */

        .activity-form {
            background: white;
            padding: 16px;
            border-radius: 7px;
            border: 1px solid #e5e7eb;
            margin-bottom: 10px;
        }

        .activity-form h3 {
            margin: 0 0 14px 0;
            font-size: 15px;
        }

        .form-grid {
            gap: 12px 15px;
        }


        .form-group label {
            font-size: 12px;
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            min-height: 35px;
            font-size: 12px;
        }



        .save-button {
            margin-top: 13px;
            padding: 8px 13px;
            border-radius: 5px;
            font-size: 12px;
        }


        /* RESPONSIVE */

        @media (max-width: 1000px) {
            .details,
            .workspace-summary {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 700px) {
            .details,
            .workspace-summary,
            .form-grid {
                grid-template-columns: 1fr;
            }

            .detail-wide {
                grid-column: span 1;
            }

            .company-header {
                flex-direction: column;
            }
        }

        /* ---- companies.html ---- */

        .companies-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
        margin-bottom: 18px;
        }

        .companies-header h1 {
        margin: 0;
        }

        /* --------------------------------------------------
        FORM
        -------------------------------------------------- */


        .form-card h3 {
        margin: 0 0 18px 0;
        font-size: 18px;
        }

        .form-section-title {
        margin-top: 22px;
        margin-bottom: 10px;
        padding-bottom: 7px;
        border-bottom: 1px solid #e5e7eb;
        font-size: 13px;
        font-weight: 700;
        color: #374151;
        letter-spacing: 0.04em;
        }

        .form-section-title:first-of-type {
        margin-top: 0;
        }

        .section-description {
        margin: -3px 0 12px 0;
        }






        .form-actions {
        display: flex;
        justify-content: flex-end;
        margin-top: 18px;
        }

        /* --------------------------------------------------
        COMPANY TABLE
        -------------------------------------------------- */

        .companies-table {
        width: 100%;
        border-collapse: collapse;
        }



        .contact-name {
        font-weight: 500;
        color: #111827;
        }

        .status-badge {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 3px 8px;
        border-radius: 999px;
        background: #f1f5f9;
        color: #334155;
        font-size: 11px;
        font-weight: 700;
        }



        .empty-state {
        padding: 24px;
        border-radius: 8px;
        }

        /* --------------------------------------------------
        RESPONSIVE
        -------------------------------------------------- */

        @media (max-width: 700px) {
        

        .companies-header {
            align-items: flex-start;
        }
        }

        /* ---- activities.html ---- */

        .top-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        }



        .actions {
        gap: 7px;
        }

        .actions form {
        display: inline-flex;
        align-items: center;
        }

        .empty-state {
        padding: 25px;
        border-radius: 10px;
        }

        /* ---- users.html ---- */

        .user-header {
            margin-bottom: 24px;
        }

        .user-header h1 {
            margin: 0 0 6px;
        }

        .user-header p {
            margin: 0;
            color: #6b7280;
        }

        .user-card {
            background: white;
            border-radius: 10px;
            padding: 22px;
            margin-bottom: 24px;
            border: 1px solid #e5e7eb;
        }

        .user-card h2 {
            margin-top: 0;
            margin-bottom: 18px;
            font-size: 19px;
        }

        .user-form-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
            gap: 12px;
            align-items: end;
        }

        .user-form-grid input,
        .user-form-grid select {
            width: 100%;
            box-sizing: border-box;
        }

        .user-table {
            width: 100%;
            border-collapse: collapse;
        }

        .user-table th,
        .user-table td {
            padding: 12px 10px;
            border-bottom: 1px solid #e5e7eb;
            text-align: left;
            vertical-align: middle;
        }

        .user-table th {
            background: #f9fafb;
            font-size: 13px;
        }

        .user-table tr:last-child td {
            border-bottom: none;
        }

        .status-active {
            color: #15803d;
            font-weight: bold;
        }

        .status-inactive {
            color: #b91c1c;
            font-weight: bold;
        }

        .inline-form {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-right: 6px;
            margin-bottom: 6px;
        }

        .small-input {
            width: 135px;
        }

        .user-button {
            padding: 9px 12px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            background: #2563eb;
            color: white;
        }

        .user-button:hover {
            opacity: 0.9;
        }

        .user-button.secondary {
            background: #6b7280;
        }

        .user-button.danger {
            background: #dc2626;
        }

        .current-user-label {
            display: inline-block;
            padding: 8px 10px;
            margin-right: 6px;
            margin-bottom: 6px;
            border-radius: 5px;
            background: #f3f4f6;
            color: #6b7280;
            font-size: 13px;
        }

        .message {
            background: #fef3c7;
            border: 1px solid #f59e0b;
            padding: 12px;
            border-radius: 6px;
            margin-bottom: 20px;
        }

        /* Dashboard: MoClarus works for you */

        .page-eyebrow,
        .assistant-label {
            margin-bottom: var(--space-2);
            color: var(--primary);
            font-size: 10px;
            font-weight: 750;
            letter-spacing: 0.12em;
            line-height: 1;
        }

        .moclarus-assistant {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: var(--space-6);
            padding: clamp(22px, 3vw, 34px);
            background:
                radial-gradient(circle at 88% 15%, rgba(124, 187, 151, 0.22), transparent 32%),
                linear-gradient(135deg, #edf7f0 0%, #f8fbf7 58%, #eef4ea 100%);
            border: 1px solid #cfe1d4;
            border-radius: var(--radius-xl);
            box-shadow: var(--shadow-sm);
            overflow: hidden;
        }

        .assistant-copy {
            max-width: 720px;
        }

        .moclarus-assistant h2 {
            margin: 0 0 var(--space-2) !important;
            font-size: clamp(22px, 2.2vw, 30px) !important;
            letter-spacing: -0.55px !important;
        }

        .moclarus-assistant p {
            max-width: 650px;
            margin: 0;
            color: var(--text-secondary) !important;
            font-size: 14px;
        }

        .assistant-button {
            flex: 0 0 auto;
        }

        .dashboard-focus-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        }

        .moclarus-dashboard .dashboard-main-grid {
            align-items: stretch;
            gap: var(--space-4) !important;
            margin-top: var(--space-6) !important;
        }

        .moclarus-dashboard .dashboard-panel-header {
            min-height: 48px;
            margin-bottom: var(--space-4) !important;
        }

        .moclarus-dashboard .next-action,
        .moclarus-dashboard .attention-item {
            min-height: 64px;
            padding: var(--space-3) var(--space-4) !important;
            border-radius: var(--radius-md) !important;
        }

        .moclarus-dashboard .database-grid {
            padding: 0 !important;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        .moclarus-dashboard .database-item {
            min-height: 94px;
            padding: var(--space-4) !important;
            background: var(--surface) !important;
            border: 1px solid var(--border) !important;
            border-radius: var(--radius-lg) !important;
            box-shadow: var(--shadow-xs) !important;
        }

        @media (max-width: 900px) {
            .user-table-wrapper {
                overflow-x: auto;
            }
        }

        /* ---- tasks.html ---- */

        .tasks-container {
            max-width: 1400px;
        }

        .add-button {
            background: #1f2937;
            color: white;
            border: none;
            padding: 9px 14px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 13px;
            font-weight: 600;
        }

        .add-button:hover {
            background: #374151;
        }


        /* ADD TASK */

        .form-card {
            background: white;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 20px;
            border: 1px solid #e5e7eb;
        }

        .form-card h3 {
            margin: 0 0 16px 0;
            font-size: 16px;
        }

        .form-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 13px 16px;
        }

        .form-group {
            display: flex;
            flex-direction: column;
        }

        .form-group label {
            margin-bottom: 5px;
            font-weight: 600;
            font-size: 13px;
            color: #374151;
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            min-height: 36px;
            padding: 7px 9px;
            border: 1px solid #d1d5db;
            border-radius: 5px;
            font-size: 13px;
            box-sizing: border-box;
            background: white;
        }

        .form-group textarea {
            min-height: 70px;
            resize: vertical;
        }

        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            outline: none;
            border-color: #64748b;
            box-shadow: 0 0 0 2px rgba(100, 116, 139, 0.12);
        }

        .full-width {
            grid-column: 1 / -1;
        }

        .save-button {
            margin-top: 16px;
            background: #1f2937;
            color: white;
            border: none;
            padding: 9px 15px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 13px;
            font-weight: 600;
        }

        .save-button:hover {
            background: #374151;
        }


        /* SECTIONS */

        .task-section {
            margin-top: 20px;
        }

        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
            margin-bottom: 10px;
        }

        .section-title {
            margin: 0;
            font-size: 16px;
            color: #111827;
        }

        .section-count {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 28px;
            height: 24px;
            padding: 0 8px;
            border-radius: 12px;
            background: #eef2f7;
            color: #475569;
            font-size: 12px;
            font-weight: 700;
        }

        .section-description {
            margin: 3px 0 0 0;
            font-size: 12px;
            color: #64748b;
        }


        /* TABLE */

        .task-table-wrapper {
            background: white;
            border: 1px solid #e5e7eb;
            border-radius: 7px;
            overflow-x: auto;
        }

        .task-table {
            width: 100%;
            border-collapse: collapse;
        }

        .task-table th {
            padding: 8px 11px;
            text-align: left;
            background: #f8fafc;
            border-bottom: 1px solid #e5e7eb;
            font-size: 11px;
            font-weight: 700;
            color: #64748b;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            white-space: nowrap;
        }

        .task-table td {
            padding: 9px 11px;
            border-bottom: 1px solid #eef2f7;
            font-size: 13px;
            color: #374151;
            vertical-align: middle;
        }

        .task-table tbody tr:last-child td {
            border-bottom: none;
        }

        .task-table tbody tr:hover {
            background: #fafbfc;
        }

        .task-title {
            font-weight: 600;
            color: #111827;
        }

        .company-link {
            color: #1f2937;
            font-weight: 600;
            text-decoration: none;
        }

        .company-link:hover {
            text-decoration: underline;
        }


        /* STATUS */

        .status-badge,
        .priority-badge {
            display: inline-flex;
            align-items: center;
            padding: 3px 7px;
            border-radius: 4px;
            font-size: 11px;
            font-weight: 600;
            white-space: nowrap;
        }

        .status-open {
            background: #eff6ff;
            color: #1d4ed8;
        }

        .status-progress {
            background: #fff7ed;
            color: #c2410c;
        }

        .status-completed {
            background: #f0fdf4;
            color: #15803d;
        }

        .priority-high {
            background: #fef2f2;
            color: #b91c1c;
        }

        .priority-normal {
            background: #f8fafc;
            color: #475569;
        }

        .priority-low {
            background: #f0fdf4;
            color: #15803d;
        }


        /* ACTIONS */

        .actions {
            gap: 6px;
            align-items: center;
            white-space: nowrap;
        }

        .actions form {
            margin: 0;
        }

        .edit-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: white;
            color: #334155;
            border: 1px solid #cbd5e1;
            padding: 6px 9px;
            font-weight: 600;
        }

        .edit-button:hover {
            background: #f8fafc;
        }

        .delete-button {
            background: white;
            color: #b91c1c;
            border: 1px solid #fecaca;
            padding: 6px 9px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 12px;
            font-weight: 600;
        }

        .delete-button:hover {
            background: #fef2f2;
        }


        /* HISTORY */

        .history-section {
            margin-top: 30px;
        }

        .history-toggle {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            border: 1px solid #cbd5e1;
            background: white;
            color: #334155;
            padding: 7px 11px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 12px;
            font-weight: 600;
        }

        .history-toggle:hover {
            background: #f8fafc;
        }

        .history-content {
            margin-top: 10px;
        }

        .completed-row {
            background: #fafafa;
        }

        .completed-row .task-title {
            color: #64748b;
        }


        /* EMPTY */

        .empty-state {
            background: white;
            padding: 20px;
            border-radius: 7px;
            border: 1px solid #e5e7eb;
            color: #64748b;
            font-size: 13px;
        }


        /* RESPONSIVE */

        @media (max-width: 700px) {

            .form-grid {
                grid-template-columns: 1fr;
            }

            .section-header {
                align-items: flex-start;
            }
        }

        /* ---- settings.html ---- */

        .settings-container {
            max-width: 760px;
        }

        .settings-card {
            background: white;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            padding: 24px;
            margin-bottom: 24px;
        }

        .settings-card h2 {
            margin-top: 0;
            margin-bottom: 6px;
        }

        .settings-description {
            margin-top: 0;
            margin-bottom: 22px;
            color: #6b7280;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 7px;
        }

        .logo-preview {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 18px;
        }

        .logo-preview-image {
            width: 64px;
            height: 64px;
            object-fit: contain;
            border: 1px solid #e5e7eb;
            border-radius: 10px;
            background: #ffffff;
            padding: 6px;
        }

        .logo-placeholder {
            width: 64px;
            height: 64px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #e5e7eb;
            border-radius: 10px;
            background: #f9fafb;
            color: #9ca3af;
            font-size: 11px;
            text-align: center;
        }

        .help-text {
            margin-top: 6px;
            font-size: 12px;
            color: #6b7280;
        }

        .success-box {
            background: #f0fdf4;
            border: 1px solid #bbf7d0;
            color: #166534;
            padding: 12px 14px;
            border-radius: 6px;
            margin-bottom: 20px;
        }

        .error-box {
            background: #fef2f2;
            border: 1px solid #fecaca;
            color: #991b1b;
            padding: 12px 14px;
            border-radius: 6px;
            margin-bottom: 20px;
        }

        /* ---- search.html ---- */

        .search-box {
            background: white;
            padding: 20px;
            border-radius: 10px;
            border: 1px solid #e5e7eb;
            margin-bottom: 25px;
        }

        .search-form {
            display: flex;
            gap: 10px;
        }

        .search-form input {
            flex: 1;
            padding: 12px;
            border: 1px solid #d1d5db;
            border-radius: 6px;
            font-size: 15px;
        }

        .search-button {
            background: #1f2937;
            color: white;
            border: none;
            padding: 12px 20px;
            border-radius: 6px;
            cursor: pointer;
        }

        .search-button:hover {
            background: #374151;
        }

        .section {
            margin-top: 30px;
        }

        .result-card {
            background: white;
            padding: 18px;
            border-radius: 8px;
            margin-bottom: 10px;
            border: 1px solid #e5e7eb;
        }

        .result-card h3 {
            margin: 0 0 8px 0;
        }

        .result-card a {
            color: #1f2937;
            font-weight: bold;
            text-decoration: none;
        }

        .result-card a:hover {
            text-decoration: underline;
        }

        .meta {
            font-size: 13px;
            color: #6b7280;
        }

        .empty {
            font-size: 14px;
        }

        @media (max-width: 700px) {

            .search-form {
                flex-direction: column;
            }

        }

        /* ---- pipeline.html ---- */

        .kpi-cards {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            margin-bottom: 30px;
        }

        .kpi-card {
            background: white;
            padding: 20px;
            border-radius: 10px;
            min-width: 220px;
            border: 1px solid #e5e7eb;
        }

        .kpi-card h3 {
            margin: 0 0 10px 0;
            font-size: 15px;
            color: #4b5563;
        }

        .kpi-value {
            font-size: 28px;
            font-weight: bold;
        }

        .pipeline {
            display: grid;
            grid-template-columns: repeat(6, minmax(240px, 1fr));
            gap: 16px;
            overflow-x: auto;
            padding-bottom: 20px;
        }

        .column {
            background: #e5e7eb;
            border-radius: 10px;
            padding: 12px;
            min-height: 500px;
        }

        .column-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
        }

        .column-header h2 {
            margin: 0;
            font-size: 16px;
        }

        .count {
            background: white;
            padding: 4px 8px;
            border-radius: 12px;
            font-size: 12px;
            font-weight: bold;
        }

        .opportunity-card {
            background: white;
            border-radius: 8px;
            padding: 14px;
            margin-bottom: 12px;
            border: 1px solid #e5e7eb;
        }

        .opportunity-card h3 {
            margin: 0 0 8px 0;
            font-size: 15px;
        }

        .company {
            font-size: 13px;
            color: #4b5563;
            margin-bottom: 8px;
        }

        .value {
            font-weight: bold;
            margin-bottom: 6px;
        }

        .probability {
            font-size: 13px;
            margin-bottom: 6px;
        }

        .close-date {
            font-size: 12px;
            color: #6b7280;
            margin-bottom: 10px;
        }

        .actions {
            display: flex;
            gap: 8px;
        }

        .edit-button {
            display: inline-block;
            background: #2563eb;
            color: white;
            padding: 7px 10px;
            border-radius: 5px;
            text-decoration: none;
            font-size: 12px;
        }

        .edit-button:hover {
            background: #1d4ed8;
        }

        .empty {
            font-size: 13px;
            color: #6b7280;
        }

        @media (max-width: 1200px) {

            .pipeline {
                grid-template-columns: repeat(6, 240px);
            }

        }

        /* ---- setup.html ---- */

        body.standalone-page {
            background: var(--app-bg);
        }

        body.standalone-page .main {
            margin-left: 0;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 32px 20px;
        }

        .setup-container {
            max-width: 430px;
            padding: 30px;
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-sm);
        }

        .setup-container h1 {
            margin: 0 0 8px;
        }

        .setup-subtitle {
            margin: 0 0 24px;
            color: var(--text-muted);
            line-height: 1.5;
        }

        .setup-submit {
            width: 100%;
            margin-top: 4px;
        }


        /* =========================================================
           GLOBAL DESIGN ENFORCEMENT
           ========================================================= */

        button,
        input[type="submit"],
        input[type="button"],
        .button,
        .add-button,
        .save-button,
        .primary-button,
        .secondary-button,
        .edit-button,
        .delete-button {
            height: var(--control-height);
            min-height: var(--control-height);

            border-radius: var(--radius-sm);

            font-family:
                Inter,
                -apple-system,
                BlinkMacSystemFont,
                "Segoe UI",
                Roboto,
                Helvetica,
                Arial,
                sans-serif;

            font-size: 12px;
            font-weight: 600;

            line-height: 1;
        }

        input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
        select {
            min-height: var(--control-height);

            border-radius: var(--radius-sm);

            font-family:
                Inter,
                -apple-system,
                BlinkMacSystemFont,
                "Segoe UI",
                Roboto,
                Helvetica,
                Arial,
                sans-serif;

            font-size: 12.5px;
        }

        body,
        table,
        th,
        td,
        label,
        textarea {
            font-family:
                Inter,
                -apple-system,
                BlinkMacSystemFont,
                "Segoe UI",
                Roboto,
                Helvetica,
                Arial,
                sans-serif;
        }


        /* =========================================================
           COMPLETE CRM CONTROL ENFORCEMENT
           All action controls use one production component size.
           ========================================================= */

        .back-button,
        .cancel-button,
        .search-button,
        .pdf-button,
        .send-button,
        .disabled-button,
        .user-button,
        .add-item-button,
        .remove-item-button {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            height: var(--control-height) !important;
            min-height: var(--control-height) !important;
            max-height: var(--control-height) !important;
            width: auto;
            padding: 0 13px !important;
            margin-top: 0;
            margin-bottom: 0;
            border-radius: var(--radius-sm) !important;
            font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
            font-size: 12px !important;
            font-weight: 600 !important;
            line-height: 1 !important;
            letter-spacing: 0 !important;
            white-space: nowrap;
            vertical-align: middle;
            text-decoration: none;
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            box-sizing: border-box;
            transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
        }

        .back-button,
        .cancel-button,
        .search-button,
        .pdf-button,
        .add-item-button,
        .user-button.secondary {
            background: #ffffff !important;
            border: 1px solid var(--border-strong) !important;
            color: var(--text-secondary) !important;
        }

        .back-button:hover,
        .cancel-button:hover,
        .search-button:hover,
        .pdf-button:hover,
        .add-item-button:hover,
        .user-button.secondary:hover {
            background: var(--surface-subtle) !important;
            border-color: var(--border-hover) !important;
            color: var(--text-primary) !important;
        }

        .send-button,
.user-button:not(.logout-link):not(.secondary):not(.danger) {
            background: var(--primary) !important;
            border: 1px solid var(--primary) !important;
            color: #ffffff !important;
        }

        .send-button:hover,
.user-button:not(.logout-link):not(.secondary):not(.danger):hover {
            background: var(--primary-hover) !important;
            border-color: var(--primary-hover) !important;
        }

        .remove-item-button,
        .user-button.danger {
            background: #ffffff !important;
            border: 1px solid var(--danger-border) !important;
            color: var(--danger) !important;
        }

        .remove-item-button:hover,
        .user-button.danger:hover {
            background: var(--danger-bg) !important;
            border-color: #fda29b !important;
        }


        .disabled-button {
            background: var(--surface-subtle) !important;
            border: 1px solid var(--border) !important;
            color: var(--text-light) !important;
            cursor: not-allowed !important;
            pointer-events: none;
        }

        .back-button:focus-visible,
        .cancel-button:focus-visible,
        .search-button:focus-visible,
        .pdf-button:focus-visible,
        .send-button:focus-visible,
        .user-button:focus-visible,
        .add-item-button:focus-visible,
        .remove-item-button:focus-visible {
            outline: none;
            box-shadow: var(--focus-ring);
        }

        /* =========================================================
           ACCESSIBILITY
           ========================================================= */

        @media (prefers-reduced-motion: reduce) {

            

        }




        /* =========================================================
           MOCLARUS CRM — PRODUCTION UI 2026
           Final authoritative component layer.
           Keeps existing template class names while removing visual
           drift caused by page-specific legacy declarations above.
           ========================================================= */

        :root {
            color-scheme: light;

            --app-bg: #f4f6f8;
            --surface-hover: #f6f8fa;
            --surface-active: #eef2f6;

            --sidebar-bg: #0d1522;
            --sidebar-hover: rgba(255,255,255,.065);
            --sidebar-active: rgba(255,255,255,.105);
            --sidebar-border: rgba(255,255,255,.08);
            --sidebar-text: #c8d1dc;
            --sidebar-muted: #8a98aa;

            --text-primary: #111827;
            --text-secondary: #374151;
            --text-muted: #667085;
            --text-light: #98a2b3;

            --border: #e6eaf0;
            --border-strong: #d0d5dd;
            --border-hover: #98a2b3;

            --primary: #172033;
            --primary-hover: #25324a;
            --primary-active: #0f172a;

            --success-border: #abefc6;
            --danger-bg: #fef3f2;

            --radius-xs: 5px;
            --radius-sm: 7px;
            --radius-md: 10px;
            --radius-lg: 12px;
            --radius-xl: 16px;

            --control-height: 38px;

            --shadow-xs: 0 1px 2px rgba(16,24,40,.035);
            --shadow-sm: 0 1px 3px rgba(16,24,40,.055), 0 1px 2px rgba(16,24,40,.03);
            --shadow-md: 0 8px 24px rgba(16,24,40,.055);
            --focus-ring: 0 0 0 3px rgba(23,32,51,.13);
        }

        html { background: var(--app-bg); }

        body {
            background: var(--app-bg);
            font-size: 13px;
            line-height: 1.5;
        }

        /* Workspace and hierarchy */
        .main {
            min-height: 100vh;
            margin-left: var(--sidebar-width);
            padding: 28px 32px 48px;
        }

        .main > * { max-width: 1480px; }

        h1 { font-size: 25px; font-weight: 720; letter-spacing: -.5px; }
        h2 { font-size: 18px; font-weight: 680; letter-spacing: -.3px; }
        h3 { font-size: 15px; font-weight: 660; letter-spacing: -.15px; }
        h4 { font-size: 13px; font-weight: 650; }

        .page-header,
        .dashboard-header,
        .companies-header,
        .opportunity-header,
        .company-header,
        .user-header,
        .edit-header,
        .contract-header,
        .top-bar {
            gap: 18px;
            margin-bottom: 20px;
        }

        .page-subtitle,
        .dashboard-subtitle,
        .edit-subtitle,
        .section-description,
        .settings-description,
        .dashboard-section-description,
        .dashboard-panel-description {
            color: var(--text-muted) !important;
            font-size: 12px !important;
            line-height: 1.5;
        }

        /* Sidebar */
        .sidebar {
            width: var(--sidebar-width);
            padding: 18px 12px 12px;
            background: var(--sidebar-bg);
            border-right: 1px solid var(--sidebar-border);
        }

        .sidebar-brand {
            padding: 2px 9px 16px;
            margin-bottom: 5px;
        }

        .sidebar-brand-logo {
            width: 38px;
            height: 38px;
            flex-basis: 38px;
            border-radius: 9px;
            box-shadow: 0 1px 2px rgba(0,0,0,.14);
        }

        .sidebar-product-name { font-size: 20px; font-weight: 720; }
        .sidebar-company-name { font-size: 10px; color: #9aa7b8; }
        .menu-group { margin-top: 19px; }
        .menu-title { margin: 0 10px 6px; color: #718096; font-size: 9px; letter-spacing: 1.05px; }

        .sidebar-navigation a {
            min-height: 36px;
            padding: 8px 10px;
            border-radius: 7px;
            font-size: 12.5px;
            font-weight: 520;
        }

        .sidebar-navigation a.active { font-weight: 650; }
        .sidebar-navigation a.active::before { top: 9px; height: 18px; }

        .sidebar-user {
            align-items: center;
            padding-top: 12px;
        }

        /* Surfaces */
        .panel,
        .card,
        .form-card,
        .profile-card,
        .activity-form,
        .user-card,
        .empty-state,
        .kpi-card,
        .dashboard-kpi,
        .dashboard-panel,
        .overview-card,
        .summary-card,
        .settings-card,
        .contract-card,
        .opportunity-card,
        .search-box,
        .result-card,
        .info-box,
        .pdf-box,
        .next-action-box,
        .task-table-wrapper,
        .user-table-wrapper,
        .table-container,
        .table-wrapper {
            background: var(--surface) !important;
            border: 1px solid var(--border) !important;
            border-radius: var(--radius-lg) !important;
            box-shadow: var(--shadow-xs) !important;
        }

        .panel,
        .card,
        .form-card,
        .profile-card,
        .activity-form,
        .user-card,
        .settings-card,
        .contract-card,
        .opportunity-card,
        .dashboard-panel,
        .overview-card,
        .summary-card,
        .search-box,
        .result-card,
        .info-box,
        .pdf-box {
            padding: 18px !important;
        }

        .form-card { max-width: none; }

        /* Unified controls */
        button,
        input[type="submit"],
        input[type="button"],
        .button,
        .add-button,
        .save-button,
        .primary-button,
        .secondary-button,
        .edit-button,
        .delete-button,
        .back-button,
        .cancel-button,
        .search-button,
        .pdf-button,
        .send-button,
        .disabled-button,
        .user-button,
        .add-item-button,
        .history-toggle,
        .attention-clear {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            height: var(--control-height) !important;
            min-height: var(--control-height) !important;
            max-height: var(--control-height) !important;
            width: auto;
            padding: 0 14px !important;
            margin: 0 !important;
            border: 1px solid transparent !important;
            border-radius: var(--radius-sm) !important;
            font: 600 12px/1 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
            letter-spacing: 0 !important;
            white-space: nowrap;
            vertical-align: middle;
            text-decoration: none !important;
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            box-sizing: border-box;
            transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease, transform 80ms ease;
        }

        /* Primary actions */
        .button,
.add-button,
.save-button,
.primary-button,
.send-button,
input[type="submit"],
.user-button:not(.logout-link):not(.secondary):not(.danger) {
            background: var(--primary) !important;
            border-color: var(--primary) !important;
            color: #fff !important;
        }

        .button:hover,
.add-button:hover,
.save-button:hover,
.primary-button:hover,
.send-button:hover,
input[type="submit"]:hover,
.user-button:not(.logout-link):not(.secondary):not(.danger):hover {
            background: var(--primary-hover) !important;
            border-color: var(--primary-hover) !important;
            color: #fff !important;
        }

        /* Secondary / utility actions */
        .secondary-button,
.edit-button,
.back-button,
.cancel-button,
.search-button,
.pdf-button,
.add-item-button,
.history-toggle,
.attention-clear,
.user-button.secondary,
button:not(.logout-link):not(.button):not(.add-button):not(.save-button):not(.primary-button):not(.delete-button):not(.send-button):not(.user-button):not(.remove-item-button) {
            background: #fff !important;
            border-color: var(--border-strong) !important;
            color: var(--text-secondary) !important;
        }

        .secondary-button:hover,
        .edit-button:hover,
        .back-button:hover,
        .cancel-button:hover,
        .search-button:hover,
        .pdf-button:hover,
        .add-item-button:hover,
        .history-toggle:hover,
        .attention-clear:hover,
        .user-button.secondary:hover {
            background: var(--surface-subtle) !important;
            border-color: var(--border-hover) !important;
            color: var(--text-primary) !important;
        }

        /* Destructive actions: same geometry, semantic treatment */
        .delete-button,
        .remove-item-button,
        .user-button.danger {
            background: #fff !important;
            border-color: var(--danger-border) !important;
            color: var(--danger) !important;
        }

        .delete-button:hover,
        .remove-item-button:hover,
        .user-button.danger:hover {
            background: var(--danger-bg) !important;
            border-color: #fda29b !important;
            color: var(--danger) !important;
        }

        .remove-item-button {
            font-size: 16px !important;
        }

        button:active,
        input[type="submit"]:active,
        input[type="button"]:active,
        .button:active,
        .add-button:active,
        .save-button:active,
        .primary-button:active,
        .secondary-button:active,
        .edit-button:active,
        .delete-button:active,
        .back-button:active,
        .cancel-button:active,
        .search-button:active,
        .pdf-button:active,
        .send-button:active,
        .user-button:active,
        .add-item-button:active,
        .remove-item-button:active {
            transform: translateY(1px);
        }

        button:focus-visible,
        input[type="submit"]:focus-visible,
        input[type="button"]:focus-visible,
        .button:focus-visible,
        .add-button:focus-visible,
        .save-button:focus-visible,
        .primary-button:focus-visible,
        .secondary-button:focus-visible,
        .edit-button:focus-visible,
        .delete-button:focus-visible,
        .back-button:focus-visible,
        .cancel-button:focus-visible,
        .search-button:focus-visible,
        .pdf-button:focus-visible,
        .send-button:focus-visible,
        .user-button:focus-visible,
        .add-item-button:focus-visible,
        .remove-item-button:focus-visible,
        .history-toggle:focus-visible {
            outline: none !important;
            box-shadow: var(--focus-ring) !important;
        }

        button:disabled,
        input[type="submit"]:disabled,
        input[type="button"]:disabled,
        .disabled-button {
            opacity: .52;
            cursor: not-allowed !important;
            pointer-events: none;
            transform: none !important;
        }

        .page-actions,
        .actions,
        td .actions,
        .buttons,
        .button-row,
        .form-actions,
        .section-actions,
        .items-footer {
            gap: 8px !important;
        }

        /* Inputs */
        input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
        select {
            width: 100%;
            height: var(--control-height) !important;
            min-height: var(--control-height) !important;
            padding: 0 11px !important;
            background: #fff !important;
            border: 1px solid var(--border-strong) !important;
            border-radius: var(--radius-sm) !important;
            color: var(--text-primary) !important;
            font-size: 12.5px !important;
            line-height: 1.25;
            box-shadow: none;
        }

        textarea {
            width: 100%;
            min-height: 96px !important;
            padding: 10px 11px !important;
            background: #fff !important;
            border: 1px solid var(--border-strong) !important;
            border-radius: var(--radius-sm) !important;
            color: var(--text-primary) !important;
            font-size: 12.5px !important;
            line-height: 1.5;
        }

        input[type="file"] {
            min-height: var(--control-height);
            border: 1px solid var(--border-strong);
            border-radius: var(--radius-sm);
        }

        input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus,
        select:focus,
        textarea:focus {
            outline: none !important;
            border-color: #667085 !important;
        }

        label,
        .form-group label {
            margin-bottom: 6px !important;
            color: var(--text-secondary) !important;
            font-size: 11.5px !important;
        }

        .form-group { margin-bottom: 0; }
        .form-grid { gap: 14px 16px !important; }
        .form-grid-three { gap: 14px 16px !important; }
        .form-section-title {
            margin-top: 24px !important;
            margin-bottom: 12px !important;
            padding-bottom: 8px !important;
            color: var(--text-muted) !important;
            font-size: 10px !important;
            font-weight: 700 !important;
            letter-spacing: .075em !important;
            text-transform: uppercase;
        }

        /* Tables */
        table,
        .companies-table,
        .opportunities-table,
        .task-table,
        .user-table,
        .workspace-table {
            width: 100%;
            border-collapse: separate !important;
            border-spacing: 0 !important;
            background: var(--surface) !important;
            border: 1px solid var(--border) !important;
            border-radius: var(--radius-lg) !important;
            overflow: hidden;
            box-shadow: var(--shadow-xs) !important;
        }


        th,
        td {
            padding: 10px 14px !important;
            border-bottom: 1px solid var(--border) !important;
            text-align: left;
            vertical-align: middle;
        }

        th {
            height: 42px !important;
            font-size: 9.5px !important;
            line-height: 1 !important;
            letter-spacing: .055em !important;
            text-transform: uppercase;
            white-space: nowrap;
        }

        td {
            height: 54px !important;
            font-size: 12px !important;
            line-height: 1.4;
        }

        tbody tr { transition: background-color 100ms ease; }

        /* Badges */
        .badge,
        .stage-badge,
        .status-badge,
        .priority-badge,
        .company-status,
        .probability,
        .status-open,
        .status-progress,
        .status-completed,
        .status-draft,
        .status-sent {
            min-height: 22px !important;
            padding: 3px 8px !important;
            border-radius: 999px !important;
            font-size: 10px !important;
            font-weight: 650 !important;
            line-height: 1 !important;
        }

        .stage-badge,
        .status-badge { background: #f2f4f7 !important; color: #475467 !important; }

        /* KPI / dashboard polish */
        .kpi-grid,
        .dashboard-kpi-grid,
        .kpi-cards {
            gap: 12px !important;
        }

        .kpi-card,
        .dashboard-kpi {
            padding: 18px !important;
            border: 1px solid var(--border) !important;
            border-radius: var(--radius-lg) !important;
            background: var(--surface) !important;
            box-shadow: var(--shadow-xs) !important;
        }

        .kpi-label,
        .summary-label,
        .sales-label,
        .database-label,
        .crm-health-label {
            color: var(--text-muted) !important;
            font-size: 10.5px !important;
            font-weight: 600 !important;
        }

        .kpi-value,
        .summary-value,
        .sales-value,
        .database-value,
        .crm-health-value {
            color: var(--text-primary) !important;
            font-weight: 700 !important;
        }

        /* Opportunity item editor */
        .items-wrapper {
            border: 1px solid var(--border) !important;
            border-radius: var(--radius-lg) !important;
            background: #fff !important;
            overflow: hidden;
        }

        .items-header {
            background: var(--surface-subtle) !important;
            border-bottom: 1px solid var(--border) !important;
            color: var(--text-muted) !important;
            font-size: 9.5px !important;
            font-weight: 700 !important;
            letter-spacing: .05em !important;
        }

        .item-row { border-bottom: 1px solid var(--border) !important; }
        .item-row:last-child { border-bottom: 0 !important; }

        .line-total {
            min-height: var(--control-height) !important;
            background: var(--surface-subtle) !important;
            border: 1px solid var(--border) !important;
            border-radius: var(--radius-sm) !important;
            color: var(--text-primary) !important;
        }

        /* Feedback */
        .error-message,
        .error-box {
            background: var(--danger-bg) !important;
            border: 1px solid var(--danger-border) !important;
            color: var(--danger) !important;
            border-radius: var(--radius-md) !important;
        }

        .success-message,
        .success-box {
            background: var(--success-bg) !important;
            border: 1px solid var(--success-border) !important;
            color: var(--success) !important;
            border-radius: var(--radius-md) !important;
        }

        /* Empty states */
        .empty-state,
        .next-actions-empty,
        .empty {
            color: var(--text-muted) !important;
        }

        /* Standalone/login/setup pages */
        .standalone-page .main {
            padding: 32px 18px !important;
        }

        .setup-container {
            width: 100%;
            max-width: 440px;
            padding: 30px !important;
            background: var(--surface) !important;
            border: 1px solid var(--border) !important;
            border-radius: var(--radius-xl) !important;
            box-shadow: var(--shadow-md) !important;
        }

        /* Responsive production behavior */
        @media (max-width: 1100px) {
            .main { padding: 24px 22px 40px; }
            .dashboard-main-grid { grid-template-columns: 1fr !important; }
        }

        @media (max-width: 800px) {
            .sidebar {
                position: relative;
                width: 100%;
                height: auto;
                padding: 14px;
            }

            .main {
                margin-left: 0;
                padding: 20px 14px 32px;
            }

            .page-header,
            .dashboard-header,
            .companies-header,
            .opportunity-header,
            .company-header,
            .user-header,
            .edit-header,
            .contract-header,
            .top-bar {
                flex-direction: column !important;
                align-items: flex-start !important;
            }

            .page-actions,
            .section-actions,
            .buttons,
            .button-row,
            .form-actions {
                width: 100%;
                flex-wrap: wrap !important;
                justify-content: flex-start !important;
            }

            .form-grid,
            .form-grid-three,
            .user-form-grid,
            .details,
            .workspace-summary,
            .sales-grid,
            .database-grid {
                grid-template-columns: 1fr !important;
            }

            .full-width,
            .detail-wide { grid-column: 1 / -1 !important; }

            .table-container,
            .table-wrapper,
            .task-table-wrapper,
            .user-table-wrapper,
            .items-wrapper {
                overflow-x: auto !important;
                -webkit-overflow-scrolling: touch;
            }

            table { white-space: nowrap; }
        }

        @media (max-width: 520px) {
            .main { padding: 18px 12px 28px; }
            h1 { font-size: 22px; }

            .sidebar-navigation { grid-template-columns: 1fr 1fr; }

            .page-actions > *,
            .page-actions form,
            .buttons > *,
            .buttons form,
            .form-actions > *,
            .form-actions form {
                flex: 1 1 auto;
            }
        }



        /* =========================================================
           2026 ENTERPRISE SAAS VISUAL LAYER
           Appearance only: no structural/layout changes.
           ========================================================= */

        :root {
            --app-bg: #f6f8fb;

            --surface-subtle: #f8fafc;
            --surface-hover: #f7f9fc;
            --surface-active: #f1f5f9;

            --sidebar-bg: #0b1220;
            --sidebar-hover: rgba(255, 255, 255, 0.065);
            --sidebar-active: rgba(255, 255, 255, 0.105);
            --sidebar-border: rgba(255, 255, 255, 0.075);
            --sidebar-text: #cbd5e1;
            --sidebar-muted: #8190a5;

            --text-primary: #0f172a;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --text-light: #94a3b8;

            --border: #e5eaf0;
            --border-strong: #d6dde7;
            --border-hover: #aab6c5;

            --primary: #2563eb;
            --primary-hover: #1d4ed8;
            --primary-active: #1e40af;

            --success: #067647;
            --success-bg: #ecfdf3;
            --success-border: #a6f4c5;

            --warning: #b54708;
            --warning-bg: #fffaeb;
            --warning-border: #fedf89;

            --danger: #b42318;
            --danger-bg: #fff5f4;
            --danger-border: #fecdca;

            --info: #175cd3;
            --info-bg: #eff8ff;
            --info-border: #b2ddff;

            --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.035);
            --shadow-sm:
                0 1px 2px rgba(15, 23, 42, 0.035),
                0 3px 10px rgba(15, 23, 42, 0.035);
            --shadow-md:
                0 1px 2px rgba(15, 23, 42, 0.04),
                0 8px 24px rgba(15, 23, 42, 0.055);

            --focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.14);
        }

        html,
        body {
            background-color: var(--app-bg);
        }

        body {
            color: var(--text-primary);
            font-family:
                Inter,
                ui-sans-serif,
                -apple-system,
                BlinkMacSystemFont,
                "Segoe UI",
                Roboto,
                Helvetica,
                Arial,
                sans-serif;
            font-feature-settings: "cv02", "cv03", "cv04", "cv11";
        }

        ::selection {
            background: #dbeafe;
            color: #172554;
        }

        /* Sidebar: restrained enterprise navigation */
        .sidebar {
            background:
                linear-gradient(180deg, #0b1220 0%, #0d1626 100%) !important;
            border-right-color: rgba(255, 255, 255, 0.065) !important;
            box-shadow: 1px 0 0 rgba(15, 23, 42, 0.05);
        }

        .sidebar-brand {
            border-bottom-color: rgba(255, 255, 255, 0.075) !important;
        }

        .sidebar-brand-logo {
            background: rgba(255, 255, 255, 0.98) !important;
            border: 1px solid rgba(255, 255, 255, 0.14);
            box-shadow:
                0 1px 2px rgba(0, 0, 0, 0.16),
                inset 0 0 0 1px rgba(255, 255, 255, 0.45);
        }

        .sidebar-product-name {
            color: #f8fafc !important;
            letter-spacing: -0.55px !important;
        }

        .sidebar-company-name,
.sidebar-user-role {
            color: #8391a5 !important;
        }

        .menu-title {
            color: #718096 !important;
            font-weight: 700 !important;
        }

        .sidebar-navigation a {
            color: #c5cfdb !important;
        }

        .sidebar-navigation a:hover {
            background: rgba(255, 255, 255, 0.055) !important;
            border-color: rgba(255, 255, 255, 0.035);
        }

        .sidebar-navigation a.active {
            background: rgba(255, 255, 255, 0.095) !important;
            border-color: rgba(255, 255, 255, 0.055);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
        }

        .sidebar-navigation a.active::before {
            background: #60a5fa !important;
            box-shadow: 0 0 10px rgba(96, 165, 250, 0.24);
        }

        .sidebar-user {
            border-top-color: rgba(255, 255, 255, 0.075) !important;
        }

        .sidebar-user-name {
            color: #f8fafc !important;
        }


        /* Typography */
        h1,
        h2,
        h3,
        h4,
        .card-title,
        .opportunity-name,
        .contact-name {
            color: #0f172a !important;
        }

        h1 {
            letter-spacing: -0.55px !important;
        }

        h2,
        h3,
        h4,
        .card-title {
            font-weight: 670 !important;
        }

        .page-subtitle,
        .edit-subtitle,
        .section-description,
        .helper-text,
        .form-help,
        .text-muted {
            color: #64748b !important;
        }

        /* Surfaces: crisp SaaS cards, no heavy floating boxes */
        .panel,
        .card,
        .form-card,
        .profile-card,
        .activity-form,
        .user-card,
        .empty-state,
        .kpi-card,
        .dashboard-kpi,
        .setup-container,
        .table-container,
        .table-wrapper,
        .task-table-wrapper,
        .user-table-wrapper {
            background: rgba(255, 255, 255, 0.99) !important;
            border-color: var(--border) !important;
            box-shadow:
                0 1px 2px rgba(15, 23, 42, 0.028),
                0 1px 3px rgba(15, 23, 42, 0.018) !important;
        }

        .card-header,
        .section-header {
            border-color: var(--border) !important;
        }

        /* Unified enterprise button language */
        button,
        input[type="submit"],
        input[type="button"],
        .button,
        .add-button,
        .save-button,
        .primary-button,
        .secondary-button,
        .edit-button,
        .delete-button,
        .back-button,
        .cancel-button,
        .search-button,
        .pdf-button,
        .send-button,
        .user-button,
        .add-item-button,
        .remove-item-button {
            font-weight: 620 !important;
            letter-spacing: -0.01em !important;
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.045);
        }

        .button,
.add-button,
.save-button,
.primary-button,
.send-button,
.user-button:not(.logout-link):not(.secondary):not(.danger),
input[type="submit"] {
            background: linear-gradient(180deg, #2f6feb 0%, #2563eb 100%) !important;
            border-color: #2563eb !important;
            box-shadow:
                0 1px 2px rgba(37, 99, 235, 0.18),
                inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
        }

        .button:hover,
.add-button:hover,
.save-button:hover,
.primary-button:hover,
.send-button:hover,
.user-button:not(.logout-link):not(.secondary):not(.danger):hover,
input[type="submit"]:hover {
            background: linear-gradient(180deg, #2864d9 0%, #1d4ed8 100%) !important;
            border-color: #1d4ed8 !important;
            color: #ffffff !important;
        }

        .button:active,
        .add-button:active,
        .save-button:active,
        .primary-button:active,
        .send-button:active,
        input[type="submit"]:active {
            background: #1e40af !important;
            border-color: #1e40af !important;
            box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.16) !important;
        }

        .secondary-button,
.edit-button,
.back-button,
.cancel-button,
.search-button,
.pdf-button,
.add-item-button,
.user-button.secondary,
button:not(.logout-link):not(.button):not(.add-button):not(.save-button):not(.primary-button):not(.secondary-button):not(.edit-button):not(.delete-button):not(.send-button):not(.remove-item-button) {
            background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
            border-color: #d6dde7 !important;
            color: #334155 !important;
            box-shadow:
                0 1px 2px rgba(15, 23, 42, 0.035),
                inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
        }

        .secondary-button:hover,
        .edit-button:hover,
        .back-button:hover,
        .cancel-button:hover,
        .search-button:hover,
        .pdf-button:hover,
        .add-item-button:hover,
        .user-button.secondary:hover {
            background: #f8fafc !important;
            border-color: #aab6c5 !important;
            color: #0f172a !important;
        }

        .delete-button,
        .remove-item-button,
        .user-button.danger {
            border-color: #f0b7b2 !important;
            color: #b42318 !important;
            box-shadow: 0 1px 2px rgba(180, 35, 24, 0.035) !important;
        }

        .delete-button:hover,
        .remove-item-button:hover,
        .user-button.danger:hover {
            background: #fff5f4 !important;
            border-color: #e9958e !important;
            color: #912018 !important;
        }

        .disabled-button,
        button:disabled,
        input[type="submit"]:disabled,
        input[type="button"]:disabled {
            background: #f8fafc !important;
            border-color: #e2e8f0 !important;
            color: #94a3b8 !important;
            box-shadow: none !important;
            opacity: 1 !important;
        }

        button:focus-visible,
        input[type="submit"]:focus-visible,
        input[type="button"]:focus-visible,
        .button:focus-visible,
        .add-button:focus-visible,
        .save-button:focus-visible,
        .primary-button:focus-visible,
        .secondary-button:focus-visible,
        .edit-button:focus-visible,
        .delete-button:focus-visible,
        .back-button:focus-visible,
        .cancel-button:focus-visible,
        .search-button:focus-visible,
        .pdf-button:focus-visible,
        .send-button:focus-visible,
        .user-button:focus-visible,
        .add-item-button:focus-visible,
        .remove-item-button:focus-visible {
            outline: none !important;
            box-shadow: var(--focus-ring) !important;
        }

        /* Form controls */
        input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
        select,
        textarea,
        input[type="file"] {
            background-color: #ffffff !important;
            border-color: #d6dde7 !important;
            color: #0f172a !important;
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.018) !important;
        }

        input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):hover,
        select:hover,
        textarea:hover,
        input[type="file"]:hover {
            border-color: #aab6c5 !important;
        }

        input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus,
        select:focus,
        textarea:focus {
            border-color: #3b82f6 !important;
            box-shadow: var(--focus-ring) !important;
        }

        input::placeholder,
        textarea::placeholder {
            color: #94a3b8 !important;
        }

        label,
        .form-group label {
            color: #334155 !important;
            font-weight: 620 !important;
        }

        /* Tables: quieter hierarchy, clearer scanning */
        table,
        .companies-table,
        .opportunities-table,
        .task-table,
        .user-table,
        .workspace-table {
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.025) !important;
        }

        th {
            background: #f8fafc !important;
            color: #64748b !important;
            border-bottom-color: #dfe6ee !important;
        }

        td {
            color: #334155 !important;
            border-bottom-color: #edf1f5 !important;
        }

        tbody tr {
            background: #ffffff;
        }

        tbody tr:hover {
            background: #f8fbff !important;
        }

        .company-link,
        .section-link {
            color: #1e3a5f !important;
        }

        .company-link:hover,
        .section-link:hover {
            color: #2563eb !important;
        }

        /* KPI cards */
        .kpi-card,
        .dashboard-kpi {
            background:
                linear-gradient(180deg, #ffffff 0%, #fcfdff 100%) !important;
            border-color: #e3e9f0 !important;
        }

        .kpi-label,
        .summary-label,
        .sales-label,
        .database-label,
        .crm-health-label {
            color: #64748b !important;
        }

        .kpi-value,
        .summary-value,
        .sales-value,
        .database-value,
        .crm-health-value,
        .opportunity-total-value {
            color: #0f172a !important;
        }

        .kpi-meta {
            color: #94a3b8 !important;
        }

        /* Status chips */
        .badge,
        .stage-badge,
        .status-badge,
        .priority-badge,
        .company-status,
        .probability,
        .status-open,
        .status-progress,
        .status-completed,
        .status-draft,
        .status-sent {
            border: 1px solid rgba(148, 163, 184, 0.20);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
        }

        .stage-badge,
        .status-badge,
        .badge-neutral {
            background: #f1f5f9 !important;
            color: #475569 !important;
            border-color: #e2e8f0 !important;
        }

        .badge-success,
        .status-completed {
            background: #ecfdf3 !important;
            color: #067647 !important;
            border-color: #c6f0d5 !important;
        }

        .badge-warning,
        .status-progress {
            background: #fffaeb !important;
            color: #b54708 !important;
            border-color: #fee7a7 !important;
        }

        .badge-danger {
            background: #fff4f2 !important;
            color: #b42318 !important;
            border-color: #fecdca !important;
        }

        .badge-info,
        .status-open,
        .status-sent {
            background: #eff8ff !important;
            color: #175cd3 !important;
            border-color: #cce7ff !important;
        }

        /* Opportunity editor and contextual surfaces */
        .items-wrapper,
        .next-action-box,
        .line-total {
            background-color: #fbfcfe !important;
            border-color: #e2e8f0 !important;
        }

        .items-header {
            background: #f8fafc !important;
            color: #64748b !important;
            border-bottom-color: #dfe6ee !important;
        }

        .item-row {
            border-bottom-color: #edf1f5 !important;
        }

        /* Messages */
        .error-message,
        .error-box {
            background: #fff5f4 !important;
            border-color: #fecdca !important;
            color: #9c241b !important;
            box-shadow: inset 3px 0 0 #d92d20;
        }

        .success-message,
        .success-box {
            background: #f0fdf4 !important;
            border-color: #b7ebc6 !important;
            color: #067647 !important;
            box-shadow: inset 3px 0 0 #12b76a;
        }

        /* Scrollbar finish */
        .sidebar::-webkit-scrollbar-thumb {
            background: #334155 !important;
        }

        .sidebar::-webkit-scrollbar-thumb:hover {
            background: #475569 !important;
        }

        /* =========================================================
           MOCLARUS 2026 — ORGANIC WORKSPACE FOUNDATION
           Final shared layer: spacing, surfaces and controls.
           ========================================================= */

        :root {
            --app-bg: #f3f5f0;
            --surface-subtle: #f7f9f5;
            --surface-hover: #f0f5f1;
            --surface-active: #e8f0eb;

            --sidebar-bg: #17342c;
            --sidebar-hover: rgba(255, 255, 255, 0.075);
            --sidebar-active: rgba(255, 255, 255, 0.13);
            --sidebar-text: #d6e3dc;
            --sidebar-muted: #9fb5aa;

            --text-primary: #1d2b25;
            --text-secondary: #405149;
            --text-muted: #6b7b73;
            --text-light: #91a099;

            --border: #dfe6e0;
            --border-strong: #cbd6ce;
            --border-hover: #99afa1;

            --primary: #2d6a55;
            --primary-hover: #245845;
            --primary-active: #1e493a;

            --success: #247a50;
            --success-bg: #edf8f1;
            --success-border: #bfe3cc;
            --warning: #a66022;
            --warning-bg: #fff7e9;
            --warning-border: #efd3a8;
            --danger: #b0443e;
            --danger-bg: #fff1ef;
            --danger-border: #efc5c1;
            --info: #356a83;
            --info-bg: #edf6f8;
            --info-border: #c4dfe6;

            --radius-xs: 6px;
            --radius-sm: 9px;
            --radius-md: 12px;
            --radius-lg: 16px;
            --radius-xl: 20px;


            --control-height: 40px;
            --sidebar-width: 236px;
            --content-width: 1540px;

            --shadow-xs: 0 1px 2px rgba(29, 43, 37, 0.035);
            --shadow-sm: 0 8px 24px rgba(29, 43, 37, 0.055);
            --focus-ring: 0 0 0 3px rgba(45, 106, 85, 0.18);
        }


        body {
            font-size: 14px !important;
            line-height: 1.55 !important;
        }

        .main {
            width: auto !important;
            max-width: none !important;
            margin-left: var(--sidebar-width) !important;
            padding: var(--space-8) clamp(20px, 3vw, 44px) 56px !important;
        }

        .main > * {
            max-width: var(--content-width);
            margin-left: auto;
            margin-right: auto;
        }


        h1 {
            margin-bottom: 0 !important;
            font-size: clamp(26px, 2vw, 32px) !important;
            letter-spacing: -0.7px !important;
        }

        h2 {
            font-weight: 680 !important;
        }

        h3 {
            font-weight: 680 !important;
        }

        .page-header,
        .opportunity-header,
        .contract-header {
            min-height: 48px;
            margin: 0 0 var(--space-6) !important;
            gap: var(--space-4) !important;
        }


        .section-description {
            margin-top: var(--space-1) !important;
            font-size: 13px !important;
        }

        .section-header {
            min-height: 40px;
            margin: var(--space-8) 0 var(--space-3) !important;
            gap: var(--space-4) !important;
        }

        .section-actions,
        .page-actions,
        .actions,
        td .actions,
        .form-actions,
        .items-footer {
            gap: var(--space-2) !important;
        }

        .panel,
        .card,
        .form-card,
        .profile-card,
        .overview-card,
        .activity-form,
        .user-card,
        .contract-card,
        .dashboard-panel,
        .dashboard-kpi,
        .summary-card,
        .kpi-card,
        .result-card,
        .info-box,
        .pdf-box,
        .empty-state,
        .table-container,
        .table-wrapper,
        .task-table-wrapper {
            background: var(--surface) !important;
            border: 1px solid var(--border) !important;
            border-radius: var(--radius-lg) !important;
            box-shadow: var(--shadow-xs) !important;
        }

        .panel,
        .card,
        .form-card,
        .profile-card,
        .overview-card,
        .activity-form,
        .user-card,
        .contract-card,
        .dashboard-panel,
        .pdf-box,
        .info-box {
            padding: var(--space-6) !important;
        }

        .workspace-section,
        .task-section,
        .history-section,
        .section {
            margin-top: var(--space-6) !important;
        }

        .workspace-summary,
        .kpi-grid,
        .dashboard-kpi-grid,
        .database-grid,
        .form-grid,
        .details {
            gap: var(--space-3) !important;
        }

        button,
        input[type="submit"],
        input[type="button"],
        .button,
        .add-button,
        .save-button,
        .primary-button,
        .secondary-button,
        .edit-button,
        .delete-button,
        .back-button,
        .cancel-button,
        .search-button,
        .pdf-button,
        .send-button,
        .disabled-button,
        .user-button,
        .add-item-button,
        .history-toggle {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 0 !important;
            width: auto !important;
            height: var(--control-height) !important;
            min-height: var(--control-height) !important;
            padding: 0 var(--space-4) !important;
            margin: 0 !important;
            border-radius: var(--radius-sm) !important;
            font: inherit !important;
            font-size: 13px !important;
            font-weight: 650 !important;
            line-height: 1 !important;
            letter-spacing: 0 !important;
            text-decoration: none !important;
            white-space: nowrap !important;
        }

        .button,
        .add-button,
        .save-button,
        .primary-button,
        .send-button,
        input[type="submit"] {
            background: var(--primary) !important;
            border: 1px solid var(--primary) !important;
            box-shadow: 0 1px 2px rgba(29, 73, 58, 0.12) !important;
        }

        .button:hover,
        .add-button:hover,
        .save-button:hover,
        .primary-button:hover,
        .send-button:hover,
        input[type="submit"]:hover {
            background: var(--primary-hover) !important;
            border-color: var(--primary-hover) !important;
        }

        .secondary-button,
        .edit-button,
        .back-button,
        .cancel-button,
        .search-button,
        .pdf-button,
        .add-item-button,
        .history-toggle,
        button:not(.button):not(.add-button):not(.save-button):not(.primary-button):not(.delete-button):not(.send-button):not(.remove-item-button):not(.logout-link) {
            background: var(--surface) !important;
            border: 1px solid var(--border-strong) !important;
            color: var(--text-secondary) !important;
            box-shadow: none !important;
        }

        .secondary-button:hover,
        .edit-button:hover,
        .back-button:hover,
        .cancel-button:hover,
        .search-button:hover,
        .pdf-button:hover,
        .add-item-button:hover,
        .history-toggle:hover {
            border-color: var(--border-hover) !important;
        }

        .delete-button,
        .remove-item-button {
            background: var(--surface) !important;
            border: 1px solid var(--danger-border) !important;
            color: var(--danger) !important;
        }

        .delete-button:hover,
        .remove-item-button:hover {
            background: var(--danger-bg) !important;
            border-color: var(--danger) !important;
        }

        .remove-item-button {
            width: var(--control-height) !important;
            min-width: var(--control-height) !important;
            height: var(--control-height) !important;
            padding: 0 !important;
            border-radius: var(--radius-sm) !important;
        }

        .disabled-button,
        button:disabled,
        input:disabled,
        select:disabled {
            opacity: 0.55 !important;
            cursor: not-allowed !important;
            transform: none !important;
        }

        button:focus-visible,
        a:focus-visible,
        input:focus-visible,
        select:focus-visible,
        textarea:focus-visible {
            outline: none !important;
            box-shadow: var(--focus-ring) !important;
        }

        input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
        select,
        textarea {
            width: 100%;
            min-height: var(--control-height) !important;
            padding: 9px 12px !important;
            box-shadow: inset 0 1px 1px rgba(29, 43, 37, 0.02) !important;
        }

        textarea {
            min-height: 104px !important;
            resize: vertical;
        }

        input:hover,
        select:hover,
        textarea:hover {
            border-color: var(--border-hover) !important;
        }

        input:focus,
        select:focus,
        textarea:focus {
            border-color: var(--primary) !important;
        }

        label {
            display: block;
            margin-bottom: var(--space-2) !important;
            color: var(--text-secondary) !important;
            font-size: 12px !important;
            font-weight: 650 !important;
        }

        .form-group {
            margin: 0 !important;
        }

        .form-section-title {
            margin: var(--space-6) 0 var(--space-3) !important;
            padding-bottom: var(--space-2) !important;
            border-bottom: 1px solid var(--border) !important;
            color: var(--text-primary) !important;
        }

        table,
        .task-table,
        .workspace-table,
        .opportunities-table {
            border: 1px solid var(--border) !important;
            border-radius: var(--radius-lg) !important;
            background: var(--surface) !important;
            box-shadow: var(--shadow-xs) !important;
        }

        th {
            height: 44px !important;
            padding: 0 var(--space-4) !important;
            background: var(--surface-subtle) !important;
            border-bottom: 1px solid var(--border) !important;
            color: var(--text-muted) !important;
            font-size: 10px !important;
            font-weight: 720 !important;
            letter-spacing: 0.055em !important;
        }

        td {
            height: 56px !important;
            padding: 10px var(--space-4) !important;
            border-bottom: 1px solid var(--border) !important;
        }

        tbody tr:hover {
            background: var(--surface-hover) !important;
        }

        tbody tr:last-child td {
            border-bottom: 0 !important;
        }

        .badge,
        .stage-badge,
        .status-badge,
        .priority-badge,
        .company-status,
        .probability {
            min-height: 26px;
            padding: 4px 9px !important;
            border-radius: 999px !important;
            font-size: 11px !important;
            font-weight: 650 !important;
            line-height: 1.2 !important;
        }

        .sidebar {
            width: var(--sidebar-width) !important;
            padding: var(--space-4) 12px 12px !important;
            background: var(--sidebar-bg) !important;
            border-right: 1px solid var(--sidebar-border) !important;
        }

        .sidebar-brand {
            padding: 7px 10px var(--space-5) !important;
            margin-bottom: var(--space-2) !important;
        }

        .sidebar-product-name {
            letter-spacing: -0.45px !important;
        }

        .sidebar-company-name {
            color: var(--sidebar-muted) !important;
        }

        .menu-group {
            margin-top: var(--space-5) !important;
        }

        .menu-title {
            margin: 0 10px 6px !important;
            color: var(--sidebar-muted) !important;
        }

        .sidebar-navigation a {
            min-height: 40px !important;
            margin: 2px 0 !important;
            padding: 9px 11px !important;
            border-radius: var(--radius-sm) !important;
            color: var(--sidebar-text) !important;
        }

        .sidebar-navigation a:hover {
            background: var(--sidebar-hover) !important;
        }

        .sidebar-navigation a.active {
            background: var(--sidebar-active) !important;
        }

        .sidebar-user {
            padding: var(--space-4) 10px 4px !important;
        }

        

        .company-link,
        .section-link,
        .dashboard-section-link {
            color: var(--primary) !important;
            font-weight: 650 !important;
            text-decoration: none !important;
        }

        .company-link:hover,
        .section-link:hover,
        .dashboard-section-link:hover {
            color: var(--primary-hover) !important;
            text-decoration: underline !important;
            text-underline-offset: 3px;
        }

        @media (max-width: 900px) {
            :root {
                --sidebar-width: 0px;
            }

            .sidebar {
                position: static !important;
                width: 100% !important;
                max-height: none !important;
            }

            .sidebar-navigation {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: var(--space-2);
            }

            .main {
                margin-left: 0 !important;
                padding: var(--space-5) var(--space-4) 40px !important;
            }

            .page-header,
            .opportunity-header,
            .contract-header {
                align-items: flex-start !important;
                flex-direction: column !important;
            }

            .workspace-summary,
            .kpi-grid,
            .dashboard-kpi-grid,
            .database-grid,
            .form-grid,
            .details {
                grid-template-columns: 1fr !important;
            }

            .moclarus-assistant {
                align-items: flex-start;
                flex-direction: column;
            }

            .dashboard-focus-grid {
                grid-template-columns: 1fr !important;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            *,
            *::before,
            *::after {
                
                transition-duration: 0.01ms !important;
                animation-duration: 0.01ms !important;
                
            }
        }



/* =========================================================
   DASHBOARD — REFINED ENTERPRISE VISUAL THEME
   Visual-only overrides inspired by modern CRM workspaces.
   ========================================================= */

.main:has(.dashboard) {
    background: #eef3fa;
}

/* PIPELINE STEP 2 — compact sales signals. */
.mc-pipeline-board .mc-pipeline-signal{
    display:flex;
    min-height:27px;
    align-items:center;
    margin-top:9px;
    padding:6px 8px;
    border-radius:7px;
    font-size:8.5px;
    font-weight:760;
    line-height:1.35;
}
.mc-pipeline-board .mc-pipeline-signal.is-warning{background:#fff5e7;color:#a86216}
.mc-pipeline-board .mc-pipeline-signal.is-danger{background:#fff0ee;color:#b94740}
.mc-pipeline-board .mc-pipeline-next-action{
    display:grid;
    gap:3px;
    margin-top:9px;
    padding:8px 9px;
    border:1px solid #dce8f5;
    border-radius:8px;
    background:#f7faff;
}
.mc-pipeline-board .mc-pipeline-next-action>span{
    color:#2d73d2;
    font-size:8px;
    font-weight:820;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.mc-pipeline-board .mc-pipeline-next-action>strong{
    overflow:hidden;
    color:#29415f;
    font-size:9.5px;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mc-pipeline-board .mc-pipeline-next-action>small{color:#71849b;font-size:8px;line-height:1.35}
.mc-pipeline-board .mc-pipeline-next-action.is-overdue{border-color:#f0d0cc;background:#fff5f3}
.mc-pipeline-board .mc-pipeline-next-action.is-overdue>span,
.mc-pipeline-board .mc-pipeline-next-action.is-overdue>small{color:#b94740}

/* PIPELINE STEP 3 — stage value and weighted forecast. */
.mc-pipeline-board .mc-pipeline-stage-totals{
    display:grid;
    gap:5px;
    margin:-2px 0 11px;
    padding:9px 10px;
    border:1px solid #dfe7f1;
    border-radius:9px;
    background:rgba(255,255,255,.72);
}
.mc-pipeline-board .mc-pipeline-stage-totals>div{
    display:flex;
    min-width:0;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}
.mc-pipeline-board .mc-pipeline-stage-totals span{
    color:#263d5c;
    font-size:9.5px;
    font-weight:800;
    white-space:nowrap;
}
.mc-pipeline-board .mc-pipeline-stage-totals small{
    overflow:hidden;
    color:#77889e;
    font-size:7.8px;
    text-align:right;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* My Day visual refinement. Dashboard remains unchanged. */
.mc-myday{max-width:1580px;padding-top:24px;font-family:Inter,"Segoe UI",Arial,sans-serif}
.mc-myday .myday-header{margin-bottom:18px;padding-right:22px}
.mc-myday .myday-kicker,.mc-myday .myday-eyebrow,.mc-myday .myday-prepared-label{font-size:9px!important;line-height:1.3;letter-spacing:.1em}
.mc-myday .myday-header h1{font-size:clamp(30px,2.1vw,36px)!important;font-weight:750;line-height:1.12}
.mc-myday .myday-header p{font-size:13px;line-height:1.5}
.mc-myday .myday-date,.mc-myday .myday-calendar-link,.mc-myday .myday-primary-button{min-height:44px;border-radius:10px;font-size:12px;font-weight:750}
.mc-myday .myday-calendar-link,.mc-myday .myday-primary-button{width:160px;min-width:160px}
.mc-myday .myday-date{padding:0 16px;box-shadow:0 2px 8px rgba(22,42,75,.035)}
.mc-myday .myday-calendar-link,.mc-myday .myday-primary-button{padding:0 17px;background:#2471e8!important;border:1px solid #2471e8!important;color:#fff!important;box-shadow:0 4px 11px rgba(36,91,181,.18)!important}
.mc-myday .myday-calendar-link:hover,.mc-myday .myday-primary-button:hover{background:#185fcb!important;border-color:#185fcb!important;box-shadow:0 7px 16px rgba(36,91,181,.22)!important}
.mc-myday .myday-start{gap:16px;padding:21px 22px;border-radius:14px;box-shadow:0 7px 22px rgba(29,67,116,.055)}
.mc-myday .myday-start-copy h2{font-size:20px;line-height:1.28}
.mc-myday .myday-context{font-size:11.5px;line-height:1.4}
.mc-myday .myday-reason{font-size:11.5px;line-height:1.5}
.mc-myday .myday-prepared{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:14px}
.mc-myday .myday-prepared-label{grid-column:1/-1}
.mc-myday .myday-prepared>span:not(.myday-prepared-label),.mc-myday .myday-prepared>a{min-height:58px!important;padding:10px 12px!important;border-radius:10px!important;font-size:11px!important;line-height:1.4!important}
.mc-myday .myday-prepared .myday-note{grid-column:1/-1;min-height:auto!important;padding:12px 13px!important}
.mc-myday .myday-prepared b{font-size:8.5px;letter-spacing:.055em}
.mc-myday .myday-layout{grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);gap:16px}
.mc-myday .myday-panel{border-radius:14px;box-shadow:0 5px 17px rgba(31,54,85,.045)}
.mc-myday .myday-panel-header{min-height:68px;padding:13px 17px}
.mc-myday .myday-panel-header h2{font-size:18px;font-weight:720;line-height:1.3}
.mc-myday .myday-panel-header p{font-size:11px;line-height:1.4}
.mc-myday .myday-action-copy small{font-size:8.5px}
.mc-myday .myday-action-copy strong{font-size:12px;line-height:1.4}
.mc-myday .myday-action-copy span{line-height:1.4}
.mc-myday .myday-stats strong{font-size:11.5px;line-height:1.35}
.mc-myday .myday-stats small{line-height:1.4}
.mc-myday .myday-later summary strong,.mc-myday .myday-workbook>summary strong{font-size:14px}
.mc-myday .myday-later summary small,.mc-myday .myday-workbook>summary small{font-size:10.5px;line-height:1.4}
.mc-myday .myday-footer-note p{line-height:1.5}
.mc-myday .myday-footer-note strong{font-size:11px}
@media(max-width:1050px){.mc-myday .myday-prepared{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mc-myday .myday-prepared .myday-note{grid-column:1/-1}}
@media(max-width:560px){.mc-myday .myday-header{padding-right:0}.mc-myday .myday-calendar-link,.mc-myday .myday-primary-button{width:100%;min-width:0}.mc-myday .myday-prepared{grid-template-columns:1fr!important}.mc-myday .myday-prepared .myday-note{grid-column:auto}}

/* My Day action hierarchy. Keeps Dashboard styles untouched. */
.mc-myday .myday-header{align-items:flex-end;padding-right:0}
.mc-myday .myday-calendar-link{
    width:auto;
    min-width:132px;
    min-height:42px;
    gap:9px;
    padding:0 15px;
    background:#fff!important;
    border:1px solid #d6e1ee!important;
    color:#304762!important;
    box-shadow:0 3px 10px rgba(25,48,82,.05)!important;
}
.mc-myday .myday-calendar-link::before{
    content:"";
    width:16px;
    height:16px;
    flex:0 0 16px;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat;
}
.mc-myday .myday-calendar-link:hover{
    background:#f7faff!important;
    border-color:#b9cbe1!important;
    color:#1d63c5!important;
    box-shadow:0 5px 13px rgba(25,48,82,.08)!important;
}
.mc-myday .myday-start{grid-template-columns:48px minmax(0,1fr)}
.mc-myday .myday-primary-button{
    grid-column:2;
    width:auto;
    min-width:150px;
    min-height:42px;
    justify-self:start;
    align-self:start;
    margin-top:0;
}
@media(max-width:560px){
    .mc-myday .myday-header{align-items:stretch}
    .mc-myday .myday-calendar-link{width:100%;min-width:0}
    .mc-myday .myday-start{grid-template-columns:1fr}
    .mc-myday .myday-start-mark,.mc-myday .myday-start-copy,.mc-myday .myday-primary-button{grid-column:1}
    .mc-myday .myday-primary-button{width:100%;min-width:0}
}

.dashboard {
    max-width: 1680px;
    color: #172033;
}

.dashboard-header {
    align-items: center;
    margin: -4px -4px 18px;
    padding: 14px 18px;
    background: #ffffff;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(20, 42, 74, 0.04);
}

.dashboard-header h1 {
    color: #172033;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.35px;
}

.dashboard-subtitle {
    margin-top: 3px;
    color: #6e7d93;
    font-size: 11px;
}

.dashboard-search {
    min-width: 190px;
    min-height: 34px;
    justify-content: flex-start;
    padding: 7px 12px 7px 34px;
    position: relative;
    background: #f4f7fb;
    border-color: #dce4ef;
    border-radius: 6px;
    color: #738197;
    font-size: 11px;
    font-weight: 500;
    box-shadow: inset 0 1px 1px rgba(28, 52, 84, 0.025);
}

.dashboard-search::before {
    content: "";
    position: absolute;
    left: 12px;
    width: 11px;
    height: 11px;
    border: 1.5px solid #8090a7;
    border-radius: 50%;
}

.dashboard-search::after {
    content: "";
    position: absolute;
    left: 22px;
    top: 21px;
    width: 5px;
    height: 1.5px;
    background: #8090a7;
    transform: rotate(45deg);
    border-radius: 2px;
}

.dashboard-search:hover {
    background: #ffffff;
    border-color: #7ea4ea;
    color: #295fc7;
    box-shadow: 0 0 0 3px rgba(47, 105, 214, 0.09);
}

.dashboard-kpi-grid {
    gap: 12px;
    margin-bottom: 22px;
}

.dashboard-kpi {
    position: relative;
    padding: 16px 17px 15px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    border-color: #d9e3ef;
    border-top: 3px solid #6e9de8;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(27, 54, 93, 0.045);
}

.dashboard-kpi:nth-child(2) { border-top-color: #4db6ac; }
.dashboard-kpi:nth-child(3) { border-top-color: #8295d5; }
.dashboard-kpi:nth-child(4) { border-top-color: #e5a64b; }

.dashboard-kpi:hover {
    border-color: #9bb9e6;
    border-top-color: #2f69d6;
    box-shadow: 0 6px 15px rgba(32, 71, 126, 0.10);
    transform: translateY(-2px);
}

.kpi-label {
    color: #52637a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.35px;
    text-transform: uppercase;
}

.kpi-dot {
    width: 8px;
    height: 8px;
    flex-basis: 8px;
    box-shadow: 0 0 0 3px rgba(152, 162, 179, 0.14);
}

.kpi-dot.info { box-shadow: 0 0 0 3px rgba(46, 144, 250, 0.13); }
.kpi-dot.success { box-shadow: 0 0 0 3px rgba(18, 183, 106, 0.13); }
.kpi-dot.warning { box-shadow: 0 0 0 3px rgba(247, 144, 9, 0.13); }
.kpi-dot.danger { box-shadow: 0 0 0 3px rgba(240, 68, 56, 0.13); }

.dashboard .kpi-value {
    margin-top: 12px;
    color: #18243a;
    font-size: 25px;
    font-weight: 700;
}

.dashboard .kpi-meta {
    margin-top: 7px;
    color: #8290a4;
    font-size: 10px;
}

.dashboard-section {
    margin-top: 22px;
}

.dashboard-section-header {
    align-items: center;
    margin-bottom: 9px;
    padding: 0 2px;
}

.dashboard-section-title {
    color: #22304a;
    font-size: 14px;
    font-weight: 700;
}

.dashboard-section-description,
.dashboard-panel-description {
    color: #7a899e;
}

.attention-panel,
.dashboard-panel {
    background: #ffffff;
    border-color: #d8e2ee;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(27, 54, 93, 0.05);
}

.attention-item {
    grid-template-columns: 5px minmax(0, 1fr) auto;
    padding: 12px 15px;
    border-color: #e7edf5;
}

.attention-item:hover,
.crm-health-row:hover,
.database-item:hover {
    background: #f3f7fd;
}

.attention-indicator {
    width: 4px;
    height: 30px;
    border-radius: 3px;
}

.attention-title,
.next-action-title {
    color: #26344c;
    font-size: 11px;
}

.attention-message,
.next-action-company {
    color: #7c8a9e;
    font-size: 10px;
}

.attention-arrow {
    color: #6684b4;
    font-size: 15px;
}

.dashboard-main-grid {
    gap: 14px;
    margin-top: 22px;
}

.dashboard-panel-header {
    min-height: 58px;
    padding: 13px 16px;
    background: #f8fbff;
    border-color: #dde6f1;
}

.dashboard-panel-title {
    color: #22304a;
    font-size: 12px;
    font-weight: 700;
}

.dashboard-section-link {
    color: #2f69d6;
    font-size: 10px;
}

.dashboard-section-link:hover {
    color: #1f4fa8;
}

.next-action,
.crm-health-row {
    padding: 12px 16px;
    border-color: #e7edf5;
}

.next-action:hover {
    background: #f7faff;
}

.next-action-status {
    min-height: 20px;
    padding: 3px 8px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 9px;
}

.next-action-status.overdue { border-color: #f5c7c2; }
.next-action-status.today { border-color: #f2d69a; }

.crm-health-label {
    color: #53647c;
    font-size: 10px;
}

.crm-health-value {
    color: #2459b5;
    font-size: 13px;
}

.sales-grid,
.database-grid {
    gap: 0;
}

.sales-item,
.database-item {
    padding: 16px 17px;
    border-color: #e1e8f1;
}

.sales-item {
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.sales-label,
.database-label {
    color: #68788e;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.sales-value,
.database-value {
    color: #21314c;
}

.sales-meta {
    color: #8492a6;
}

@media (max-width: 800px) {
    .dashboard-header {
        align-items: stretch;
        padding: 14px;
    }

    .dashboard-search {
        width: 100%;
    }
}


/* =========================================================
   MOCLARUS CRM — BLUE ENTERPRISE PALETTE
   Final global color authority.
   ========================================================= */

:root {
    --app-bg: #edf2f9;
    --surface-subtle: #f6f9fd;
    --surface-hover: #eef4fc;
    --surface-active: #e4edfa;

    --sidebar-bg: #213a63;
    --sidebar-hover: rgba(255, 255, 255, 0.09);
    --sidebar-active: rgba(104, 154, 235, 0.28);
    --sidebar-border: rgba(255, 255, 255, 0.10);
    --sidebar-text: #d4dfef;
    --sidebar-strong: #ffffff;
    --sidebar-muted: #9fb2cf;

    --text-secondary: #3e506b;
    --text-muted: #6d7e95;
    --text-light: #91a0b4;

    --border: #dce4ef;
    --border-strong: #c9d4e3;
    --border-hover: #8ea7ca;

    --primary-hover: #255abb;
    --primary-active: #1d4a9d;

    --info: #2f69d6;
    --info-bg: #edf4ff;
    --info-border: #bfd3f5;

    --shadow-xs: 0 1px 2px rgba(25, 54, 94, 0.045);
    --shadow-sm: 0 8px 24px rgba(25, 54, 94, 0.075);
    --focus-ring: 0 0 0 3px rgba(47, 105, 214, 0.16);
}

.sidebar {
    background: linear-gradient(180deg, #233e69 0%, #1d3357 100%) !important;
}

.sidebar-navigation a.active {
    background: #34598e !important;
    box-shadow: inset 3px 0 0 #78a8f2;
}

.button,
.add-button,
.save-button,
.primary-button,
.send-button,
input[type="submit"] {
    background: linear-gradient(180deg, #3975df 0%, #2f69d6 100%) !important;
    border-color: #2f69d6 !important;
}

.button:hover,
.add-button:hover,
.save-button:hover,
.primary-button:hover,
.send-button:hover,
input[type="submit"]:hover {
    background: linear-gradient(180deg, #2f69d6 0%, #255abb 100%) !important;
    border-color: #255abb !important;
}


/* =========================================================
   DASHBOARD — COMPACT PANEL SPACING
   Prevents global card padding and grid stretching.
   ========================================================= */

.dashboard-main-grid {
    align-items: start !important;
}

.dashboard .dashboard-panel {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    align-self: start !important;
    overflow: hidden !important;
}

.dashboard .dashboard-panel-header {
    min-height: 0 !important;
    padding: 14px 18px !important;
}

.dashboard .next-actions {
    padding: 0 !important;
}

.dashboard .next-actions-empty {
    padding: 24px 18px !important;
}

.dashboard .next-action,
.dashboard .crm-health-row {
    padding: 11px 18px !important;
}

.dashboard .sales-item,
.dashboard .database-item {
    padding: 15px 18px !important;
}

.dashboard-kpi {
    min-height: 0 !important;
    padding: 15px 17px !important;
}

.dashboard-section-header {
    margin-bottom: 8px !important;
}


/* =========================================================
   SIDEBAR — COMPACT VERTICAL RHYTHM
   ========================================================= */

.sidebar-brand {
    padding: 4px 10px 13px !important;
    margin-bottom: 3px !important;
}

.sidebar-navigation {
    padding-top: 0 !important;
}

.menu-group,
.menu-group:first-child {
    margin-top: 11px !important;
}

.menu-title {
    margin: 0 10px 3px !important;
}

.sidebar-navigation a {
    min-height: 34px !important;
    margin: 0 !important;
    padding: 7px 11px !important;
    font-size: 12.5px !important;
}

.sidebar-navigation a.active::before {
    top: 7px !important;
    height: 20px !important;
}

.sidebar-user {
    padding: 9px 10px 3px !important;
}


/* =========================================================
   SIDEBAR — POLISHED ENTERPRISE FINISH
   ========================================================= */

.sidebar {
    padding: 14px 12px 10px !important;
    background:
        radial-gradient(circle at 15% 0%, rgba(94, 148, 229, 0.16), transparent 29%),
        linear-gradient(180deg, #223f6b 0%, #1c3459 58%, #172c4c 100%) !important;
    border-right-color: rgba(116, 158, 219, 0.24) !important;
    box-shadow: 5px 0 18px rgba(21, 44, 77, 0.10);
}

.sidebar-brand {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11) !important;
}

.sidebar-brand::after {
    content: "";
    position: absolute;
    left: 10px;
    bottom: -1px;
    width: 32px;
    height: 2px;
    background: #74a9f3;
    border-radius: 2px;
}

.sidebar-product-name {
    text-shadow: 0 1px 2px rgba(10, 25, 48, 0.18);
}

.sidebar-company-name {
    color: #afc3df !important;
}

.menu-group {
    position: relative;
}

.menu-title {
    color: #9fb6d6 !important;
    letter-spacing: 0.13em !important;
}

.sidebar-navigation a {
    border: 1px solid transparent;
    color: #d6e1f0 !important;
    transition:
        background-color 130ms ease,
        border-color 130ms ease,
        color 130ms ease,
        transform 130ms ease !important;
}

.sidebar-navigation a:hover {
    border-color: rgba(255, 255, 255, 0.07);
    transform: translateX(2px);
}

.sidebar-navigation a.active {
    background: linear-gradient(90deg, rgba(80, 137, 219, 0.58), rgba(71, 123, 194, 0.42)) !important;
    border-color: rgba(139, 181, 239, 0.22);
    font-weight: 680 !important;
    box-shadow:
        inset 3px 0 0 #82b4fb,
        0 4px 12px rgba(10, 29, 56, 0.13) !important;
}

.sidebar-navigation a.active::before {
    display: none !important;
}

.sidebar-user {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.11) !important;
    background: rgba(9, 27, 52, 0.13);
    border-radius: 7px;
}

.sidebar-user-name {
    color: #ffffff !important;
    font-weight: 650 !important;
}

.sidebar-user-role {
    color: #9fb6d6 !important;
}





/* =========================================================
   SIDEBAR BRAND — CLEAN WORDMARK
   Removes decorative initials and divider lines.
   ========================================================= */

.sidebar-brand {
    border-bottom: 0 !important;
}





/* Keep the account footer text-only as previously requested. */





/* =========================================================
   SIDEBAR USER — CLEAN TEXT-ONLY FOOTER
   ========================================================= */

.sidebar-user {
    gap: 10px !important;
    min-height: 44px !important;
    padding: 9px 8px 2px !important;
}


.sidebar-user-info::before {
    content: none !important;
    display: none !important;
}







/* =========================================================
   GLOBAL TYPOGRAPHY SCALE
   One consistent text system across the complete CRM.
   ========================================================= */

:root {
    --font-size-base: 13px;
    --font-size-small: 11px;
    --font-size-label: 10px;
    --font-size-title: 16px;
}

html,
body {
    font-size: var(--font-size-base) !important;
}

body,
button,
input,
select,
textarea,
table,
th,
td,
.sidebar-navigation a {
    font-size: var(--font-size-base) !important;
}

.button,
.add-button,
.save-button,
.primary-button,
.secondary-button,
.edit-button,
.delete-button,
.back-button,
.cancel-button,
.search-button,
.pdf-button,
.send-button,
.user-button,
.add-item-button,
.history-toggle,
input[type="submit"],
input[type="button"] {
    font-size: var(--font-size-base) !important;
}

.page-subtitle,
.section-description,
.helper-text,
.dashboard-subtitle,
.dashboard-section-description,
.dashboard-panel-description,
.kpi-meta,
.sales-meta,
.attention-message,
.next-action-company,
.sidebar-user-role {
    font-size: var(--font-size-small) !important;
}

.menu-title,
.kpi-label,
.sales-label,
.database-label {
    font-size: var(--font-size-label) !important;
}

.dashboard-panel-title,
.dashboard-section-title,
.section-title,
.card-title {
    font-size: var(--font-size-title) !important;
}

.sidebar-navigation a::before {
    font-size: var(--font-size-base) !important;
}

.sidebar-user-name {
    font-size: var(--font-size-small) !important;
}


/* =========================================================
   SIDEBAR — COMPACT DARK APP NAVIGATION
   Dashboard content remains unchanged.
   ========================================================= */

:root {
    --sidebar-width: 220px;
}

.sidebar {
    padding: 12px 10px 10px !important;
    background: linear-gradient(180deg, #0b0d0f 0%, #080a0c 100%) !important;
    border-right: 1px solid #202429 !important;
    box-shadow: 4px 0 18px rgba(8, 12, 18, 0.10) !important;
}

.sidebar-brand {
    min-height: 52px;
    padding: 3px 8px 12px !important;
    margin-bottom: 5px !important;
    border-bottom: 1px solid #1d2024 !important;
}

.sidebar-brand::after {
    display: none !important;
}

.sidebar-brand-copy {
    position: relative;
    min-height: 34px;
    padding: 2px 0 0 42px;
}

.sidebar-brand-copy::before {
    content: "M";
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    background: linear-gradient(145deg, #19b877, #07955e);
    border: 1px solid rgba(93, 230, 166, 0.25);
    border-radius: 9px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 5px 12px rgba(4, 136, 83, 0.20);
}

.sidebar-product-name {
    color: #f3f5f7 !important;
    font-size: 13px !important;
    font-weight: 680 !important;
    letter-spacing: -0.15px !important;
    line-height: 1.15 !important;
    text-shadow: none !important;
}

.sidebar-company-name {
    color: #737980 !important;
    font-size: 8px !important;
    font-weight: 650 !important;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.sidebar-navigation {
    padding: 0 1px !important;
}

.menu-group,
.menu-group:first-child {
    margin-top: 9px !important;
}

.menu-title {
    margin: 0 9px 4px !important;
    color: #62686f !important;
    font-size: 8px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
}

.sidebar-navigation a {
    min-height: 31px !important;
    margin: 1px 0 !important;
    gap: 9px;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    color: #969ca3 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    transform: none !important;
}

.sidebar-navigation a::before {
    position: static !important;
    display: inline-grid !important;
    place-items: center;
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #7d848b;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
}

.sidebar-navigation a[href="/ui/dashboard"]::before { content: "▦"; }
.sidebar-navigation a[href="/ui/my-day"]::before { content: "◷"; }
.sidebar-navigation a[href="/ui/search"]::before { content: "⌕"; }
.sidebar-navigation a[href="/ui/companies"]::before { content: "▱"; }
.sidebar-navigation a[href="/ui/contacts"]::before { content: "♙"; }
.sidebar-navigation a[href="/ui/activities"]::before { content: "≡"; }
.sidebar-navigation a[href="/ui/opportunities"]::before { content: "◎"; }
.sidebar-navigation a[href="/ui/pipeline"]::before { content: "▥"; }
.sidebar-navigation a[href="/ui/tasks"]::before { content: "✓"; }
.sidebar-navigation a[href="/ui/settings"]::before { content: "⚙"; }
.sidebar-navigation a[href="/ui/users"]::before { content: "♧"; }
.sidebar-navigation a[href="/ui/audit-logs"]::before { content: "≣"; }

.sidebar-navigation a:hover {
    background: #121519 !important;
    border-color: #191d21 !important;
    color: #e4e7ea !important;
    transform: none !important;
}

.sidebar-navigation a:hover::before {
    color: #b4bac0;
}

.sidebar-navigation a.active {
    background: #15191c !important;
    border-color: #1c2125 !important;
    color: #16b975 !important;
    font-weight: 620 !important;
    box-shadow: inset 2px 0 0 #12ae6d !important;
}

.sidebar-navigation a.active::before {
    color: #16b975 !important;
}

.sidebar-user {
    min-height: 50px;
    margin-top: 8px !important;
    padding: 9px 8px 3px !important;
    background: transparent !important;
    border-top: 1px solid #1d2024 !important;
    border-radius: 0 !important;
}

.sidebar-user-info {
    position: relative;
    min-height: 30px;
    padding: 2px 0 0 38px;
}

.sidebar-user-info::before {
    content: "M";
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    background: #0da969;
    border-radius: 50%;
    color: #ffffff;
    font-size: 10px;
    font-weight: 750;
}

.sidebar-user-name {
    color: #e8ebee !important;
    font-size: 10px !important;
    font-weight: 600 !important;
}

.sidebar-user-role {
    margin-top: 2px;
    color: #666d74 !important;
    font-size: 8px !important;
}






/* =========================================================
   SIDEBAR — BLUE PALETTE AND IMPROVED READABILITY
   Keeps the compact dark navigation layout unchanged.
   ========================================================= */

.sidebar {
    background:
        radial-gradient(circle at 14% 0%, rgba(87, 139, 216, 0.17), transparent 28%),
        linear-gradient(180deg, #233f6b 0%, #1d365d 58%, #182e50 100%) !important;
    border-right-color: rgba(119, 157, 214, 0.22) !important;
}

.sidebar-brand-copy::before {
    background: linear-gradient(145deg, #4b83df, #2f69c9) !important;
    border-color: rgba(151, 190, 247, 0.28) !important;
    box-shadow: 0 5px 12px rgba(20, 64, 133, 0.24) !important;
}

.sidebar-product-name {
    font-size: 14px !important;
}

.sidebar-company-name {
    font-size: 8.5px !important;
}

.menu-title {
    color: #94accd !important;
    font-size: 8.5px !important;
}

.sidebar-navigation a {
    color: #d2deed !important;
    font-size: 14px !important;
}

.sidebar-navigation a::before {
    color: #a9bad1 !important;
    font-size: 14px !important;
}

.sidebar-navigation a:hover {
    background: rgba(255, 255, 255, 0.075) !important;
    border-color: rgba(255, 255, 255, 0.075) !important;
    color: #ffffff !important;
}

.sidebar-navigation a:hover::before {
    color: #ffffff !important;
}

.sidebar-navigation a.active {
    background: rgba(76, 128, 204, 0.42) !important;
    border-color: rgba(139, 177, 232, 0.20) !important;
    color: #ffffff !important;
    box-shadow: inset 2px 0 0 #78aafa !important;
}

.sidebar-navigation a.active::before {
    color: #9bc1ff !important;
}

.sidebar-user-info::before {
    background: linear-gradient(145deg, #4b83df, #2f69c9) !important;
}

.sidebar-user-name {
    font-size: 11px !important;
}

.sidebar-user-role {
    color: #91a8c7 !important;
    font-size: 9px !important;
}




/* Final clean MoClarus wordmark and account footer. */
.sidebar-brand {
    min-height: 58px !important;
    padding: 8px 9px 15px !important;
    margin-bottom: 4px !important;
    border: 0 !important;
}

.sidebar-brand::before,
.sidebar-brand::after,
.sidebar-brand-copy::before,
.sidebar-brand-copy::after {
    content: none !important;
    display: none !important;
}

.sidebar-brand-copy {
    min-height: 0 !important;
    padding: 0 !important;
}

.sidebar-product-name {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 720 !important;
    letter-spacing: -0.35px !important;
}

.sidebar-company-name {
    margin-top: 5px !important;
    color: #9eb5d5 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
}

.sidebar-user-info {
    min-height: 0 !important;
    padding-left: 0 !important;
}

.sidebar-user-info::before,
.sidebar-user-info::after {
    content: none !important;
}




/* =========================================================
   MOCLARUS CRM — COHESIVE UX SYSTEM
   Final authority for rhythm, hierarchy and interaction.
   ========================================================= */

:root {
    --app-bg: #eef3f9;
    --surface: #ffffff;
    --surface-subtle: #f7f9fc;
    --surface-hover: #f1f6fc;
    --surface-active: #e8f0fb;
    --text-primary: #17243a;
    --text-secondary: #43536a;
    --text-muted: #718096;
    --text-light: #94a1b2;
    --border: #dce4ee;
    --border-strong: #c9d5e4;
    --primary: #2f69d6;
    --primary-hover: #2559b8;
    --primary-active: #1d4999;
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --control-height: 36px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --shadow-xs: 0 1px 2px rgba(23, 43, 74, 0.04);
    --shadow-sm: 0 7px 20px rgba(23, 43, 74, 0.075);
    --focus-ring: 0 0 0 3px rgba(47, 105, 214, 0.15);
}

html,
body {
    background: var(--app-bg) !important;
    color: var(--text-primary) !important;
}

body {
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.main {
    padding: 28px clamp(22px, 2.5vw, 40px) 48px !important;
}

h1 {
    color: var(--text-primary) !important;
    font-size: clamp(25px, 2vw, 30px) !important;
    font-weight: 720 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.65px !important;
}

h2 {
    color: var(--text-primary) !important;
    font-size: 18px !important;
    font-weight: 690 !important;
    letter-spacing: -0.25px !important;
}

h3 {
    color: var(--text-primary) !important;
    font-size: 15px !important;
    font-weight: 670 !important;
}

.page-header,
.opportunity-header,
.contract-header {
    margin-bottom: 20px !important;
}

.page-subtitle,
.section-description,
.helper-text {
    color: var(--text-muted) !important;
}

.section-header {
    margin: 24px 0 10px !important;
}

.panel,
.card,
.form-card,
.profile-card,
.overview-card,
.activity-form,
.user-card,
.contract-card,
.summary-card,
.kpi-card,
.result-card,
.info-box,
.pdf-box,
.empty-state,
.table-container,
.table-wrapper,
.task-table-wrapper {
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-xs) !important;
}

.panel,
.card,
.form-card,
.profile-card,
.overview-card,
.activity-form,
.user-card,
.contract-card,
.pdf-box,
.info-box {
    padding: 20px !important;
}

button,
input[type="submit"],
input[type="button"],
.button,
.add-button,
.save-button,
.primary-button,
.secondary-button,
.edit-button,
.delete-button,
.back-button,
.cancel-button,
.search-button,
.pdf-button,
.send-button,
.user-button,
.add-item-button,
.history-toggle {
    height: var(--control-height) !important;
    min-height: var(--control-height) !important;
    padding: 0 14px !important;
    border-radius: var(--radius-sm) !important;
    font-weight: 620 !important;
}

.button,
.add-button,
.save-button,
.primary-button,
.send-button,
input[type="submit"] {
    background: linear-gradient(180deg, #3976df 0%, #2f69d6 100%) !important;
    border: 1px solid #2f69d6 !important;
    color: #ffffff !important;
    box-shadow: 0 1px 2px rgba(47, 105, 214, 0.20) !important;
}

.button:hover,
.add-button:hover,
.save-button:hover,
.primary-button:hover,
.send-button:hover,
input[type="submit"]:hover {
    background: linear-gradient(180deg, #306bd0 0%, #2559b8 100%) !important;
    border-color: #2559b8 !important;
    transform: translateY(-1px);
}

.secondary-button,
.edit-button,
.back-button,
.cancel-button,
.search-button,
.pdf-button,
.add-item-button,
.history-toggle {
    background: #ffffff !important;
    border: 1px solid var(--border-strong) !important;
    color: var(--text-secondary) !important;
    box-shadow: 0 1px 2px rgba(23, 43, 74, 0.035) !important;
}

.secondary-button:hover,
.edit-button:hover,
.back-button:hover,
.cancel-button:hover,
.search-button:hover,
.pdf-button:hover,
.add-item-button:hover,
.history-toggle:hover {
    background: var(--surface-hover) !important;
    border-color: #9fb2cc !important;
    color: var(--text-primary) !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
select,
textarea {
    background: #ffffff !important;
    border: 1px solid var(--border-strong) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--text-primary) !important;
    font-size: 13px !important;
    box-shadow: 0 1px 2px rgba(23, 43, 74, 0.025) !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):focus,
select:focus,
textarea:focus {
    border-color: #5c8ddd !important;
    box-shadow: var(--focus-ring) !important;
    outline: none !important;
}

table,
.companies-table,
.opportunities-table,
.task-table,
.user-table,
.workspace-table {
    background: #ffffff !important;
    border-color: var(--border) !important;
}

th {
    background: #f7f9fc !important;
    border-bottom-color: #dbe4ef !important;
    color: #63748a !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.025em;
}

td {
    border-bottom-color: #e9eef4 !important;
    color: var(--text-secondary) !important;
}

tbody tr:hover {
    background: #f5f8fc !important;
}

/* Balanced dashboard density. */
.dashboard-header {
    padding: 16px 20px !important;
    margin-bottom: 16px !important;
}

.dashboard-kpi-grid {
    gap: 12px !important;
    margin-bottom: 20px !important;
}

.dashboard-kpi {
    padding: 16px 18px !important;
    border-radius: 8px !important;
}

.dashboard-section,
.dashboard-main-grid {
    margin-top: 20px !important;
}

.dashboard-panel {
    padding: 0 !important;
    border-radius: 8px !important;
}

/* Account footer with a real, calm sign-out button. */
.sidebar-user {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 10px 7px 2px !important;
}





@media (max-width: 900px) {
    
}

@media (max-width: 640px) {
    

    .panel,
    .card,
    .form-card,
    .profile-card,
    .overview-card {
        padding: 16px !important;
    }
}


/* =========================================================
   MOCLARUS CRM — PRECISION UI LAYER
   Stable alignment, uniform controls and motion-free glow.
   ========================================================= */

:root {
    --ui-control-height: 38px;
    --ui-button-radius: 7px;
    --ui-content-width: 1540px;
    --ui-page-gap: 24px;
}

/* One stable page frame on every screen. */
.main {
    padding: 28px 36px 48px !important;
}

.main > * {
    width: 100% !important;
    max-width: var(--ui-content-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.page-header,
.user-header,
.opportunity-header,
.contract-header,
.dashboard-header {
    min-height: 54px !important;
    margin-top: 0 !important;
    margin-bottom: var(--ui-page-gap) !important;
}

.page-actions,
.section-actions,
.form-actions,
.actions,
td .actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.page-actions,
.section-actions,
td .actions {
    flex-wrap: nowrap !important;
}

.actions form,
td .actions form,
.page-actions form,
.section-actions form,
.form-actions form {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

/* Every interactive control shares one physical height. */
button,
input[type="submit"],
input[type="button"],
.button,
.add-button,
.save-button,
.primary-button,
.secondary-button,
.edit-button,
.delete-button,
.back-button,
.cancel-button,
.search-button,
.pdf-button,
.send-button,
.user-button,
.add-item-button,
.history-toggle {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: var(--ui-control-height) !important;
    min-height: var(--ui-control-height) !important;
    padding: 0 15px !important;
    margin: 0 !important;
    border-radius: var(--ui-button-radius) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    cursor: pointer;
    transform: none !important;
    transition:
        background-color 150ms ease,
        border-color 150ms ease,
        color 150ms ease,
        box-shadow 150ms ease !important;
}

/* Same width for repeated row actions. */
.edit-button,
.delete-button,
.remove-item-button {
    width: 82px !important;
    min-width: 82px !important;
}

/* Primary create actions keep a predictable visual weight. */
.page-actions .add-button,
.page-actions .button,
.page-actions .primary-button,
a[href$="/new"].button,
a[href$="/new"].add-button {
    min-width: 144px !important;
}

/* Calm default buttons. */
.secondary-button,
.edit-button,
.back-button,
.cancel-button,
.search-button,
.pdf-button,
.add-item-button,
.history-toggle,
.user-button.secondary,
button:not(.button):not(.add-button):not(.save-button):not(.primary-button):not(.delete-button):not(.send-button):not(.remove-item-button):not(.logout-link) {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%) !important;
    border: 1px solid #cbd7e6 !important;
    color: #334967 !important;
    box-shadow: 0 1px 2px rgba(25, 51, 87, 0.04) !important;
}

.secondary-button:hover,
.edit-button:hover,
.back-button:hover,
.cancel-button:hover,
.search-button:hover,
.pdf-button:hover,
.add-item-button:hover,
.history-toggle:hover,
.user-button.secondary:hover,
button:not(.button):not(.add-button):not(.save-button):not(.primary-button):not(.delete-button):not(.send-button):not(.remove-item-button):not(.logout-link):hover {
    background: #ffffff !important;
    border-color: #739ee0 !important;
    color: #245bb7 !important;
    box-shadow:
        0 0 0 3px rgba(47, 105, 214, 0.10),
        0 5px 14px rgba(31, 76, 145, 0.11) !important;
    transform: none !important;
}

/* Primary actions: blue depth with a controlled hover glow. */
.button,
.add-button,
.save-button,
.primary-button,
.send-button,
.user-button:not(.logout-link):not(.secondary):not(.danger),
input[type="submit"] {
    background: linear-gradient(180deg, #3d7ae2 0%, #2f69d6 100%) !important;
    border: 1px solid #2c63ca !important;
    color: #ffffff !important;
    box-shadow:
        0 2px 4px rgba(35, 87, 174, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.button:hover,
.add-button:hover,
.save-button:hover,
.primary-button:hover,
.send-button:hover,
.user-button:not(.logout-link):not(.secondary):not(.danger):hover,
input[type="submit"]:hover {
    background: linear-gradient(180deg, #4785eb 0%, #326fdc 100%) !important;
    border-color: #3977df !important;
    box-shadow:
        0 0 0 3px rgba(47, 105, 214, 0.14),
        0 7px 18px rgba(35, 87, 174, 0.23),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
    transform: none !important;
}

/* Destructive actions stay quiet until hovered. */
.delete-button,
.remove-item-button,
.user-button.danger {
    background: #ffffff !important;
    border: 1px solid #efb8b4 !important;
    color: #b4322b !important;
    box-shadow: 0 1px 2px rgba(180, 50, 43, 0.035) !important;
}

.delete-button:hover,
.remove-item-button:hover,
.user-button.danger:hover {
    background: #fff8f7 !important;
    border-color: #df7770 !important;
    color: #99251f !important;
    box-shadow:
        0 0 0 3px rgba(202, 65, 56, 0.09),
        0 5px 14px rgba(151, 43, 36, 0.10) !important;
    transform: none !important;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a.button:focus-visible,
a.edit-button:focus-visible,
a.delete-button:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(47, 105, 214, 0.18) !important;
}

/* Stable form control geometry. */
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="file"]),
select {
    box-sizing: border-box !important;
    height: var(--ui-control-height) !important;
    min-height: var(--ui-control-height) !important;
    padding: 0 12px !important;
    border-radius: var(--ui-button-radius) !important;
}

textarea {
    box-sizing: border-box !important;
    padding: 10px 12px !important;
    border-radius: var(--ui-button-radius) !important;
}

/* Tables and frames use one shared edge system. */
.table-container,
.table-wrapper,
.task-table-wrapper,
.user-table-wrapper,
table {
    border: 1px solid #d8e2ee !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 7px rgba(25, 51, 87, 0.045) !important;
}

.table-container,
.table-wrapper,
.task-table-wrapper,
.user-table-wrapper {
    width: 100% !important;
    overflow-x: auto !important;
}

.table-container table,
.table-wrapper table,
.task-table-wrapper table,
.user-table-wrapper table {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

th,
td {
    height: 54px !important;
    padding: 10px 20px !important;
    vertical-align: middle !important;
}

th {
    height: 48px !important;
}

/* Pipeline cards align with the rest of the product. */
.pipeline {
    gap: 14px !important;
}

.column {
    padding: 12px !important;
    background: #e8edf4 !important;
    border: 1px solid #d7e0eb !important;
    border-radius: 10px !important;
}

.opportunity-card {
    padding: 16px !important;
    background: #ffffff !important;
    border: 1px solid #dbe4ef !important;
    border-radius: 9px !important;
    box-shadow: 0 2px 6px rgba(25, 51, 87, 0.05) !important;
    transition: border-color 150ms ease, box-shadow 150ms ease !important;
}

.opportunity-card:hover {
    border-color: #8eafe1 !important;
    box-shadow:
        0 0 0 3px rgba(47, 105, 214, 0.08),
        0 8px 20px rgba(25, 65, 126, 0.12) !important;
}

/* User Administration remains aligned instead of compressing controls. */
.user-form-grid {
    gap: 14px !important;
    align-items: end !important;
}

.user-table {
    min-width: 1360px !important;
}

.user-table td:last-child {
    min-width: 590px !important;
}

.inline-form {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 8px 8px 0 !important;
    vertical-align: middle !important;
}

.user-table .small-input {
    width: 160px !important;
}

.user-table select {
    min-width: 150px !important;
}

.user-table .user-button {
    min-width: 108px !important;
}

.current-user-label {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: var(--ui-control-height) !important;
    min-height: var(--ui-control-height) !important;
    padding: 0 12px !important;
    margin: 0 8px 8px 0 !important;
    border: 1px solid #e1e7ef !important;
    border-radius: var(--ui-button-radius) !important;
}

/* Sidebar hover glows without horizontal movement. */
.sidebar-navigation a,
.sidebar-navigation a:hover,
.sidebar-navigation a.active {
    transform: none !important;
}

.sidebar-navigation a:hover {
    background: rgba(91, 143, 219, 0.16) !important;
    border-color: rgba(137, 179, 239, 0.18) !important;
    box-shadow:
        inset 0 0 0 1px rgba(137, 179, 239, 0.05),
        0 0 14px rgba(66, 124, 211, 0.14) !important;
}

.sidebar-navigation a.active {
    box-shadow:
        inset 2px 0 0 #78aafa,
        0 0 15px rgba(65, 122, 207, 0.16) !important;
}

/* Logout is deliberately smaller but follows the same interaction quality. */




@media (max-width: 900px) {
    .main {
        padding: 22px 18px 38px !important;
    }
}

@media (max-width: 640px) {
    .main {
        padding: 16px 12px 30px !important;
    }

    .page-header,
    .section-header,
    .page-actions,
    .section-actions {
        align-items: stretch !important;
    }

    .page-actions,
    .section-actions {
        flex-wrap: wrap !important;
    }

    .page-actions > *,
    .section-actions > * {
        width: 100% !important;
    }
}


/* =========================================================
   PROACTIVE DASHBOARD — CRM THAT WORKS FOR YOU
   ========================================================= */

.proactive-dashboard {
    --dash-blue: #2f6edb;
    --dash-green: #20a86b;
    --dash-purple: #7759d7;
    --dash-orange: #ed8a22;
    display: grid;
    gap: 16px;
}

.proactive-dashboard .proactive-header {
    margin: 0 !important;
    padding: 18px 22px !important;
}

.proactive-header h1 {
    font-size: 26px !important;
}

.proactive-kpi-grid {
    margin: 0 !important;
}

.proactive-dashboard .dashboard-kpi {
    min-height: 150px !important;
    padding: 16px 18px !important;
    border: 1px solid #dce5f0 !important;
    border-top: 1px solid #dce5f0 !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 7px rgba(27, 57, 99, 0.055) !important;
    transition: border-color 150ms ease, box-shadow 150ms ease !important;
}

.proactive-dashboard .dashboard-kpi:hover {
    border-color: #93b2e2 !important;
    box-shadow:
        0 0 0 3px rgba(47, 110, 219, 0.08),
        0 8px 20px rgba(27, 67, 130, 0.12) !important;
    transform: none !important;
}

.proactive-dashboard .dashboard-kpi .kpi-top {
    margin-bottom: 10px;
}

.kpi-icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 19px;
    font-weight: 700;
}

.kpi-blue .kpi-icon { background: #eaf2ff; color: var(--dash-blue); }
.kpi-green .kpi-icon { background: #eaf8f1; color: var(--dash-green); }
.kpi-purple .kpi-icon { background: #f0edff; color: var(--dash-purple); }
.kpi-orange .kpi-icon { background: #fff2e5; color: var(--dash-orange); }

.kpi-trend {
    padding: 3px 7px;
    border-radius: 999px;
    color: #77869a;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.kpi-trend.good { background: #eaf8f1; color: #148456; }
.kpi-trend.danger { background: #fff0ee; color: #b53d34; }

.proactive-dashboard .dashboard-kpi .kpi-label {
    color: #50627a !important;
    font-size: 10px !important;
}

.proactive-dashboard .dashboard-kpi .kpi-value {
    margin-top: 7px !important;
    font-size: 25px !important;
}

.proactive-action-grid {
    display: grid;
    grid-template-columns: 1.05fr 1fr 1fr;
    gap: 14px;
    align-items: stretch;
}

.proactive-insight-grid {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 14px;
    align-items: stretch;
}

.proactive-dashboard .dashboard-panel {
    align-self: stretch !important;
    border: 1px solid #dbe4ef !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 7px rgba(27, 57, 99, 0.05) !important;
}

.proactive-panel-heading {
    min-height: 58px !important;
    padding: 13px 16px !important;
    background: #fbfcfe !important;
}

.panel-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel-heading-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 9px;
    font-size: 15px;
    font-weight: 750;
}

.panel-heading-icon.target { background: #eaf2ff; color: var(--dash-blue); }
.panel-heading-icon.focus { background: #eaf8f1; color: var(--dash-green); }
.panel-heading-icon.suggest { background: #f0edff; color: var(--dash-purple); }
.panel-heading-icon.health { background: #eaf2ff; color: #3074ce; }

.best-action-card {
    position: relative;
    margin: 14px 16px 12px;
    padding: 18px;
    background: linear-gradient(135deg, #f4f8ff 0%, #edf5ff 100%);
    border: 1px solid #cfe0f7;
    border-radius: 9px;
    overflow: hidden;
}

.best-action-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--dash-blue);
}

.best-action-card.danger::before { background: #d84a40; }
.best-action-card.warning::before { background: #e59a31; }
.best-action-card.success::before { background: #20a86b; }

.best-action-eyebrow {
    margin-bottom: 8px;
    color: #3d6fb9;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.best-action-card h3 {
    margin: 0;
    color: #182943 !important;
    font-size: 16px !important;
}

.best-action-context {
    margin: 6px 0 16px;
    color: #687b94;
    font-size: 11px;
}

.best-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 13px;
    background: linear-gradient(180deg, #3e7ce4, #2f69d6);
    border: 1px solid #2a61c7;
    border-radius: 7px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 650;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(39, 94, 182, 0.20);
    transition: box-shadow 150ms ease, border-color 150ms ease;
}

.best-action-button:hover {
    border-color: #4c83df;
    box-shadow:
        0 0 0 3px rgba(47, 105, 214, 0.12),
        0 7px 16px rgba(39, 94, 182, 0.20);
}

.best-action-reason {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin: 0 16px 14px;
    padding: 12px 13px;
    background: #fafbfd;
    border: 1px solid #e5ebf2;
    border-radius: 8px;
}

.reason-icon {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    background: #eaf2ff;
    border-radius: 7px;
    color: #2f69d6;
    font-size: 11px;
    font-weight: 750;
}

.best-action-reason strong { color: #344861; font-size: 10px; }
.best-action-reason p { margin: 2px 0 0; color: #7a899c; font-size: 10px; }

.focus-count {
    color: #667990;
    font-size: 10px;
    font-weight: 650;
}

.focus-progress {
    height: 3px;
    background: #edf1f6;
}

.focus-progress span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #2f69d6, #4c8bed);
    border-radius: 0 3px 3px 0;
}

.focus-list { min-height: 178px; }

.focus-item {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 59px;
    padding: 10px 15px;
    border-bottom: 1px solid #e8edf4;
    text-decoration: none;
    transition: background-color 130ms ease;
}

.focus-item:hover { background: #f6f9fd; }

.focus-check {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border: 1px solid #c7d3e1;
    border-radius: 50%;
    color: #7890ac;
    font-size: 10px;
}

.focus-check.success { background: #20a86b; border-color: #20a86b; color: white; }
.focus-check.danger { background: #d84a40; border-color: #d84a40; color: white; }

.focus-copy { min-width: 0; }
.focus-copy strong { display: block; overflow: hidden; color: #293b55; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.focus-copy small { display: block; margin-top: 2px; color: #7b8a9e; font-size: 9px; }
.focus-status { color: #52709a; font-size: 9px; font-weight: 700; }
.focus-status.success { color: #198759; }
.focus-status.danger { color: #bb3e35; }

.focus-empty {
    display: grid;
    place-items: center;
    min-height: 178px;
    padding: 24px;
    color: #76879c;
    text-align: center;
}

.focus-empty > span { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 7px; background: #eaf8f1; border-radius: 50%; color: #1b9a63; }
.focus-empty strong { color: #40536c; font-size: 11px; }
.focus-empty p { margin: 4px 0 0; font-size: 10px; }

.panel-footer-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 38px;
    padding: 8px 15px;
    color: #2f69d6;
    font-size: 10px;
    font-weight: 650;
    text-decoration: none;
}

.panel-footer-link:hover { background: #f5f8fc; }

.suggestion-list { display: grid; gap: 10px; padding: 13px 14px 14px; }

.suggestion-card {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
    background: #ffffff;
    border: 1px solid #e0e7f0;
    border-radius: 8px;
}

.suggestion-icon {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    background: #f0edff;
    border-radius: 8px;
    color: #7554d3;
    font-size: 13px;
    font-weight: 750;
}

.suggestion-card.risk .suggestion-icon { background: #fff0ee; color: #c2453b; }
.suggestion-card.healthy .suggestion-icon { background: #eaf8f1; color: #198759; }
.suggestion-copy strong { color: #2d3f58; font-size: 10.5px; }
.suggestion-copy p { margin: 3px 0 7px; color: #75859a; font-size: 9.5px; line-height: 1.35; }
.suggestion-copy a { color: #2f69d6; font-size: 9.5px; font-weight: 650; text-decoration: none; }
.suggestion-copy a:hover { text-decoration: underline; }

.pipeline-momentum { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: 238px; padding: 20px 18px 16px; }

.momentum-stage {
    grid-template-rows: 120px auto auto auto;
    justify-items: center;
    gap: 4px;
    padding: 0 8px;
    border-right: 1px solid #edf1f5;
    text-decoration: none;
}

.momentum-stage:last-child { border-right: 0; }
.momentum-bar-wrap { display: flex; align-items: flex-end; width: 26px; height: 112px; background: #f0f4f9; border-radius: 7px 7px 3px 3px; overflow: hidden; }
.momentum-bar { width: 100%; min-height: 8px; background: linear-gradient(180deg, #5b92e8, #2f69d6); border-radius: 7px 7px 2px 2px; transition: filter 140ms ease; }
.momentum-stage:hover .momentum-bar { filter: brightness(1.1); }
.momentum-stage-name { color: #52657d; font-size: 9px; font-weight: 650; }
.momentum-stage strong { color: #20334e; font-size: 13px; }
.momentum-stage small { color: #8a98aa; font-size: 8.5px; }

.health-check-list { padding: 2px 0; }

.health-check-row {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 52px;
    padding: 9px 16px;
    border-bottom: 1px solid #e8edf4;
    text-decoration: none;
}

.health-check-row:last-child { border-bottom: 0; }
.health-check-row:hover { background: #f6f9fd; }
.health-check-icon { display: grid; place-items: center; width: 21px; height: 21px; border: 1px solid currentColor; border-radius: 50%; font-size: 9px; font-weight: 750; }
.health-check-icon.good, .health-check-detail.good { color: #198759; }
.health-check-icon.attention, .health-check-detail.attention { color: #d48720; }
.health-check-label { color: #40536c; font-size: 10px; }
.health-check-detail { font-size: 9px; font-weight: 700; }

.proactive-database-section { margin-top: 2px !important; }
.proactive-database-section .dashboard-panel { align-self: auto !important; }

@media (max-width: 1250px) {
    .proactive-action-grid { grid-template-columns: 1fr 1fr; }
    .suggestions-workspace { grid-column: 1 / -1; }
    .suggestion-list { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 980px) {
    .proactive-action-grid,
    .proactive-insight-grid { grid-template-columns: 1fr; }
    .suggestions-workspace { grid-column: auto; }
}

@media (max-width: 700px) {
    .suggestion-list { grid-template-columns: 1fr; }
    .pipeline-momentum {  grid-template-columns: repeat(5, 110px); }
    .proactive-header h1 { font-size: 22px !important; }
}


/* =========================================================
   PROACTIVE DASHBOARD — REFERENCE MATCH & TYPE BALANCE
   ========================================================= */

.proactive-dashboard {
    gap: 14px;
}

.proactive-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.welcome-wave {
    display: inline-block;
    margin-left: 3px;
    font-size: 20px;
    vertical-align: 2px;
}

.dashboard-notification {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    background: #ffffff;
    border: 1px solid #d4deea;
    border-radius: 8px;
    color: #526986;
    font-size: 16px;
    text-decoration: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.dashboard-notification:hover {
    border-color: #79a1df;
    box-shadow: 0 0 0 3px rgba(47, 105, 214, 0.10);
}

.proactive-header .dashboard-subtitle {
    font-size: 13px !important;
}

.kpi-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.proactive-dashboard .dashboard-kpi {
    min-height: 158px !important;
    padding: 17px 19px !important;
}

.proactive-dashboard .dashboard-kpi .kpi-label {
    color: #263b57 !important;
    font-size: 12px !important;
    font-weight: 680 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.proactive-dashboard .dashboard-kpi .kpi-value {
    margin-top: 12px !important;
    font-size: 27px !important;
}

.proactive-dashboard .dashboard-kpi .kpi-meta {
    font-size: 11.5px !important;
}

.kpi-trend {
    font-size: 10.5px;
}

.proactive-dashboard .dashboard-panel-title {
    font-size: 15px !important;
}

.proactive-dashboard .dashboard-panel-description {
    margin-top: 3px;
    font-size: 11.5px !important;
}

.best-action-card {
    min-height: 137px;
    padding: 20px 158px 19px 20px;
}

.best-action-eyebrow {
    font-size: 10.5px;
}

.best-action-card h3 {
    font-size: 17px !important;
}

.best-action-context {
    margin-bottom: 0;
    font-size: 12px;
}

.best-action-button {
    position: absolute;
    top: 50%;
    right: 18px;
    min-width: 126px;
    min-height: 38px;
    padding: 0 14px;
    font-size: 12px;
    transform: translateY(-50%);
}

.best-action-button:hover {
    transform: translateY(-50%);
}

.best-action-reason strong {
    font-size: 11.5px;
}

.best-action-reason p {
    font-size: 11px;
    line-height: 1.4;
}

.focus-count {
    font-size: 11px;
}

.focus-item {
    min-height: 64px;
}

.focus-copy strong {
    font-size: 12px;
}

.focus-copy small {
    font-size: 10.5px;
}

.focus-status {
    font-size: 10.5px;
}

.panel-footer-link {
    min-height: 42px;
    font-size: 11px;
}

.suggestion-card {
    padding: 13px;
}

.suggestion-copy strong {
    font-size: 12px;
}

.suggestion-copy p {
    margin-top: 4px;
    font-size: 11px;
    line-height: 1.4;
}

.suggestion-copy a {
    font-size: 11px;
}

.pipeline-momentum {
    display: block;
    min-height: 244px;
    padding: 15px 18px 13px;
}

.momentum-chart {
    width: 100%;
    height: 145px;
    border-bottom: 1px solid #dce5ef;
}

.momentum-chart svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.momentum-labels {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.momentum-stage {
    display: grid;
    grid-template-rows: auto auto auto;
    min-height: 70px;
    padding: 10px 8px 0;
    border-right: 0;
}

.momentum-stage-name {
    font-size: 10.5px;
}

.momentum-stage strong {
    font-size: 14px;
}

.momentum-stage small {
    font-size: 10px;
}

.health-check-row {
    min-height: 55px;
}

.health-check-label {
    font-size: 11.5px;
}

.health-check-detail {
    font-size: 10.5px;
}

@media (max-width: 1250px) {
    .best-action-card {
        padding-right: 150px;
    }
}

@media (max-width: 700px) {
    .proactive-header-actions {
        width: 100%;
    }

    .proactive-header-actions .dashboard-search {
        flex: 1;
        width: auto;
    }

    .best-action-card {
        padding: 18px;
    }

    .best-action-button {
        position: static;
        margin-top: 15px;
        transform: none;
    }

    .best-action-button:hover {
        transform: none;
    }

    .momentum-labels {
        min-width: 540px;
    }

    .pipeline-momentum {
        overflow-x: auto;
    }
}


/* =========================================================
   SIDEBAR — UNIFIED ICON SYSTEM & FINAL POLISH
   ========================================================= */

.menu-title {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 9px 5px !important;
    color: #9bb0ce !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0.11em !important;
}

.menu-title::after {
    content: "";
    height: 1px;
    flex: 1;
    background: linear-gradient(90deg, rgba(145, 174, 216, 0.24), transparent);
}

.sidebar-navigation a {
    min-height: 33px !important;
    padding: 6px 9px !important;
    gap: 10px !important;
    color: #d0dceb !important;
    font-size: 13px !important;
    font-weight: 540 !important;
    line-height: 1.2 !important;
}

.sidebar-navigation a::before,
.sidebar-navigation a.active::before {
    content: "" !important;
    position: static !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    flex: 0 0 16px !important;
    background: #a9bad1 !important;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 16px 16px;
    mask-size: 16px 16px;
}

.sidebar-navigation a:hover::before {
    background: #ffffff !important;
}

.sidebar-navigation a.active::before {
    background: #a9caff !important;
}

.sidebar-navigation a[href="/dashboard"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
}

.sidebar-navigation a[href="/ui/my-day"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.sidebar-navigation a[href="/ui/search"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 4 4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 4 4'/%3E%3C/svg%3E");
}

.sidebar-navigation a[href="/ui/companies"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 21V5l10-2v18M14 9h6v12M8 8h2M8 12h2M8 16h2M3 21h18'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 21V5l10-2v18M14 9h6v12M8 8h2M8 12h2M8 16h2M3 21h18'/%3E%3C/svg%3E");
}

.sidebar-navigation a[href="/ui/contacts"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 21c0-4 2.8-7 7-7s7 3 7 7'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 21c0-4 2.8-7 7-7s7 3 7 7'/%3E%3C/svg%3E");
}

.sidebar-navigation a[href="/ui/activities"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 5h12M6 12h12M6 19h12'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 5h12M6 12h12M6 19h12'/%3E%3C/svg%3E");
}

.sidebar-navigation a[href="/ui/opportunities"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='black'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='black'/%3E%3C/svg%3E");
}

.sidebar-navigation a[href="/ui/pipeline"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='5' width='5' height='14' rx='1'/%3E%3Crect x='9.5' y='5' width='5' height='14' rx='1'/%3E%3Crect x='16' y='5' width='5' height='14' rx='1'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='5' width='5' height='14' rx='1'/%3E%3Crect x='9.5' y='5' width='5' height='14' rx='1'/%3E%3Crect x='16' y='5' width='5' height='14' rx='1'/%3E%3C/svg%3E");
}

.sidebar-navigation a[href="/ui/tasks"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cpath d='m8 12 2.5 2.5L16 9'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cpath d='m8 12 2.5 2.5L16 9'/%3E%3C/svg%3E");
}

.sidebar-navigation a[href="/ui/settings"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19 12a7 7 0 0 0-.1-1l2-1.5-2-3.4-2.4 1A8 8 0 0 0 15 6l-.3-2.6h-4L10.4 6A8 8 0 0 0 8 7.1l-2.4-1-2 3.4 2 1.5a7 7 0 0 0 0 2l-2 1.5 2 3.4 2.4-1A8 8 0 0 0 10.4 18l.3 2.6h4L15 18a8 8 0 0 0 1.5-1.1l2.4 1 2-3.4-2-1.5c.1-.3.1-.7.1-1Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19 12a7 7 0 0 0-.1-1l2-1.5-2-3.4-2.4 1A8 8 0 0 0 15 6l-.3-2.6h-4L10.4 6A8 8 0 0 0 8 7.1l-2.4-1-2 3.4 2 1.5a7 7 0 0 0 0 2l-2 1.5 2 3.4 2.4-1A8 8 0 0 0 10.4 18l.3 2.6h4L15 18a8 8 0 0 0 1.5-1.1l2.4 1 2-3.4-2-1.5c.1-.3.1-.7.1-1Z'/%3E%3C/svg%3E");
}

.sidebar-navigation a[href="/ui/users"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3 20c0-4 2.4-7 6-7s6 3 6 7M14 14c3.7-.5 6 2 6 5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3 20c0-4 2.4-7 6-7s6 3 6 7M14 14c3.7-.5 6 2 6 5'/%3E%3C/svg%3E");
}

.sidebar-navigation a[href="/ui/audit-logs"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 12h6M9 16h6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 12h6M9 16h6'/%3E%3C/svg%3E");
}

/* =========================================================
   MOCLARUS DASHBOARD V2 — CALM, HUMAN, ACTION-LED
   ========================================================= */

.mc-dashboard-v2 {
    --mc-ink: #14213d;
    --mc-text: #34445f;
    --mc-muted: #73819a;
    --mc-line: #e4eaf2;
    --mc-blue: #1769e8;
    display: grid;
    color: var(--mc-text);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.mc-dashboard-v2 *, .mc-dashboard-v2 *::before, .mc-dashboard-v2 *::after { box-sizing: border-box; }
.mc-dashboard-v2 a { text-decoration: none; }
.mc-dashboard-v2 svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.mc-dash-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 2px 4px 3px; }
.mc-dash-welcome h1 { margin: 0; color: var(--mc-ink); font-size: clamp(25px, 2.1vw, 34px); line-height: 1.15; letter-spacing: -.035em; }
.mc-dash-welcome h1 span { display: inline-block; font-size: .8em; transform: rotate(-7deg); }
.mc-dash-welcome p { margin: 7px 0 0; color: #697892; font-size: 14px; line-height: 1.45; }
.mc-dash-tools { display: flex; align-items: center;  }
.mc-date-chip, .mc-search-chip, .mc-icon-button { display: flex; align-items: center; min-height: 40px; background: #fff; border: 1px solid #dfe6ef; border-radius: 10px; color: #33435e; box-shadow: 0 2px 8px rgba(22, 42, 75, .035); }
.mc-date-chip { gap: 9px; padding: 0 13px; font-size: 12px; font-weight: 650; white-space: nowrap; }
.mc-search-chip { width: 152px; gap: 9px; padding: 0 13px; color: #596b86; font-size: 12px; }
.mc-date-chip svg, .mc-search-chip svg, .mc-icon-button svg { width: 17px; height: 17px; }
.mc-search-chip:hover, .mc-icon-button:hover { border-color: #91b2e8; box-shadow: 0 0 0 3px rgba(23,105,232,.08); }
.mc-icon-button { position: relative; justify-content: center;  }
.mc-alert-dot { position: absolute; top: -6px; right: -5px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; background: #ef4444; border: 2px solid #fff; border-radius: 10px; color: #fff; font-size: 9px; font-weight: 800; }

.mc-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.mc-kpi-card { position: relative; min-height: 164px;  overflow: hidden; background: #fff; border: 1px solid var(--mc-line); border-radius: 13px; color: var(--mc-text); box-shadow: 0 4px 14px rgba(25, 48, 82, .045); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.mc-kpi-card::after { content: ""; position: absolute; right: -25px; bottom: -35px; width: 110px; height: 110px; background: radial-gradient(circle, var(--mc-tint) 0, transparent 67%); border-radius: 50%; }
.mc-kpi-card:hover { transform: translateY(-2px); border-color: var(--mc-accent); box-shadow: 0 9px 24px rgba(25, 48, 82, .09); }
.mc-kpi-card.mc-blue { --mc-accent: #2d78ee; --mc-tint: rgba(45,120,238,.17); --mc-soft: #edf4ff; }
.mc-kpi-card.mc-green { --mc-accent: #24b979; --mc-tint: rgba(36,185,121,.16); --mc-soft: #eafaf3; }
.mc-kpi-card.mc-purple { --mc-accent: #7758eb; --mc-tint: rgba(119,88,235,.14); --mc-soft: #f1edff; }
.mc-kpi-card.mc-orange { --mc-accent: #f59e0b; --mc-tint: rgba(245,158,11,.17); --mc-soft: #fff5df; }
.mc-kpi-head { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center;  }
.mc-kpi-icon { display: grid; place-items: center; width: 38px; height: 38px; background: var(--mc-soft);  color: var(--mc-accent); }
.mc-kpi-icon svg { width: 21px; height: 21px; }
.mc-kpi-name { color: #293952; font-size: 12px; font-weight: 720; }
.mc-pill, .mc-count-pill { padding: 4px 7px; background: var(--mc-soft); border-radius: 999px; color: var(--mc-accent); font-size: 9px; font-weight: 750; }
.mc-pill.mc-clear { background: #eaf8f1; color: #16845a; }
.mc-pill.mc-action { background: #fff0ed; color: #c64236; }
.mc-kpi-card > strong { display: block; margin-top: 14px; color: var(--mc-ink); font-size: clamp(21px, 1.8vw, 27px); line-height: 1.15; letter-spacing: -.025em; }
.mc-kpi-card > p { margin: 6px 0 0; color: var(--mc-muted); font-size: 11px; }
.mc-kpi-foot { position: absolute; bottom: 15px; left: 17px; z-index: 1; color: #61738f; font-size: 10px; font-weight: 630; }
.mc-good-text { color: #16845a; }

.mc-guidance-card { --guide: #3478e5; display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center;  min-height: 105px;  background: linear-gradient(105deg, #f5f9ff 0%, #fff 58%, #f7faff 100%); border: 1px solid #dce7f7; border-left: 4px solid var(--guide); border-radius: 13px; box-shadow: 0 4px 16px rgba(25, 48, 82, .045); }
.mc-guidance-card.danger { --guide: #df5146; background: linear-gradient(105deg,#fff6f5,#fff 65%); }
.mc-guidance-card.warning { --guide: #e99823; background: linear-gradient(105deg,#fffaf0,#fff 65%); }
.mc-guidance-card.success { --guide: #20a56b; background: linear-gradient(105deg,#f2fbf7,#fff 65%); }
.mc-guidance-mark { display: grid; place-items: center; width: 46px; height: 46px; background: color-mix(in srgb, var(--guide) 11%, white); border-radius: 13px; color: var(--guide); }
.mc-guidance-mark svg { width: 25px; height: 25px; }
.mc-guidance-copy { min-width: 0; }
.mc-guidance-copy > span { color: var(--guide); font-size: 10px; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.mc-guidance-copy h2 { margin: 4px 0 3px; color: var(--mc-ink); font-size: 17px; line-height: 1.25; }
.mc-guidance-copy p { margin: 0; color: #667791; font-size: 11.5px; line-height: 1.4; }
.mc-primary-action { display: flex; align-items: center; justify-content: center; gap: 9px;   padding: 0 15px; background: var(--mc-blue);  color: #fff;  font-weight: 750; box-shadow: 0 5px 12px rgba(23,105,232,.18); }
.mc-primary-action:hover { background: #0d5ed7; box-shadow: 0 7px 16px rgba(23,105,232,.25); }

.mc-panel { background: #fff; border: 1px solid var(--mc-line); border-radius: 13px; box-shadow: 0 4px 14px rgba(25,48,82,.04); overflow: hidden; }
.mc-panel-header { display: flex; align-items: center; justify-content: space-between; gap: 12px;  padding: 13px 15px; border-bottom: 1px solid #edf1f6; }
.mc-panel-header h2 { margin: 0; color: #26364f; font-size: 14px; line-height: 1.25; }
.mc-panel-header p { margin: 3px 0 0; color: #8491a4; font-size: 10.5px; line-height: 1.35; }
.mc-title-with-icon { display: flex; align-items: center; gap: 10px; min-width: 0; }
.mc-small-icon { display: grid; flex: 0 0 31px; place-items: center; width: 31px; height: 31px;  font-size: 14px; font-weight: 800; }
.mc-small-icon svg {
    display: block;
    margin: 0;
    stroke: currentColor;
    stroke-width: 1.8;
}
.mc-amber { background: #fff5df; color: #eda20f; }.mc-blue-soft { background: #edf4ff; color: #1769e8; }.mc-purple-soft { background: #f2edff; color: #7958e8; }.mc-green-soft { background: #eaf9f2; color: #169b65; }
.mc-count-pill { --mc-accent:#49627f; --mc-soft:#f0f4f8; white-space: nowrap; }
.mc-inline-link { color: #1769e8; font-size: 10.5px; font-weight: 700; white-space: nowrap; }
.mc-inline-link:hover { text-decoration: underline; }
.mc-work-grid { display: grid; grid-template-columns: 1.08fr 1.05fr .92fr; gap: 12px; }

.mc-priority-list { min-height: 195px; }
.mc-priority-row { display: grid; grid-template-columns: 28px minmax(0,1fr) auto 14px; align-items: center; gap: 9px; min-height: 65px; padding: 9px 14px; border-bottom: 1px solid #edf1f6; color: var(--mc-text); }
.mc-priority-row:hover { background: #f7faff; }
.mc-priority-number { display: grid; place-items: center; width: 27px; height: 27px; background: #edf4ff; border-radius: 50%; color: #1769e8; font-size: 10px; font-weight: 800; }
.mc-priority-copy { min-width: 0; }.mc-priority-copy strong { display:block; overflow:hidden; color:#2b3a52; font-size:11.5px; text-overflow:ellipsis; white-space:nowrap; }.mc-priority-copy small { display:block; margin-top:3px; color:#8491a4; font-size:10px; }
.mc-status { padding: 4px 7px; background:#edf4ff; border-radius:999px; color:#3973cc;  font-weight:750; }.mc-status.danger { background:#fff0ed; color:#c64236; }.mc-status.success { background:#eaf8f1; color:#16845a; }
.mc-row-arrow { color:#99a7b8; font-size:13px; }.mc-panel-link { display:flex; align-items:center; justify-content:center; gap:8px; min-height:42px; color:#1769e8; font-size:10.5px; font-weight:700; }.mc-panel-link:hover { background:#f7faff; }
.mc-friendly-empty { display:grid; place-items:center; min-height:195px; padding:25px; text-align:center; }.mc-friendly-empty > span { display:grid; place-items:center; width:38px; height:38px; background:#e9f8f1; border-radius:50%; color:#169b65; font-weight:800; }.mc-friendly-empty strong { margin-top:8px; color:#354760; font-size:12px; }.mc-friendly-empty p { max-width:270px; margin:4px 0 0; color:#7d8ca0;  line-height:1.45; }

.mc-stage-list { min-height: 195px; padding: 9px 14px; }
.mc-stage-row { --stage:#3979e8; display:grid; grid-template-columns:8px 62px minmax(55px,1fr) minmax(74px,auto) 18px; align-items:center;  min-height:35px; color:var(--mc-text); }.mc-stage-2 { --stage:#38b978; }.mc-stage-3 { --stage:#7959e8; }.mc-stage-4 { --stage:#f39b12; }.mc-stage-5 { --stage:#159168; }
.mc-stage-dot { width:7px; height:7px; background:var(--stage); border-radius:50%; }.mc-stage-name { font-size:10.5px; font-weight:650; }.mc-stage-track { height:5px; overflow:hidden; background:#eaf0f6; border-radius:5px; }.mc-stage-track span { display:block; min-width:3px; height:100%; background:var(--stage); border-radius:5px; }.mc-stage-row strong { color:#374760; font-size:9.5px; text-align:right; white-space:nowrap; }.mc-stage-row small { color:#8491a4; font-size:9.5px; text-align:right; }
.mc-pipeline-total { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:14px; min-height:42px; padding:0 14px; background:#fafbfd; border-top:1px solid #edf1f6; }.mc-pipeline-total span { color:#3b4c65; font-size:10.5px; font-weight:700; }.mc-pipeline-total strong { color:#17243e; font-size:11px; }.mc-pipeline-total small { color:#8290a3; font-size:9.5px; }

.mc-suggestion-list { display:grid; min-height:237px;   }.mc-suggestion { display:grid; grid-template-columns:35px minmax(0,1fr); gap:10px; padding:12px; background:#fff; border:1px solid #e7ecf3;  }.mc-suggestion-icon { display:grid; place-items:center; width:34px; height:34px; background:#f0edff; border-radius:9px; color:#7656dc; font-size:14px; font-weight:800; }.mc-suggestion.risk .mc-suggestion-icon { background:#fff0ed; color:#c64236; }.mc-suggestion.healthy .mc-suggestion-icon { background:#eaf8f1; color:#16845a; }.mc-suggestion strong { color:#314159; font-size:11px; }.mc-suggestion p { margin:4px 0 8px; color:#7d899c; font-size:10px; line-height:1.4; }.mc-suggestion a { color:#1769e8;  font-weight:700; }.mc-suggestion a:hover { text-decoration:underline; }

.mc-insight-grid { display:grid; grid-template-columns:1.35fr 1fr; gap:12px; }.mc-chart-wrap { padding:10px 17px 13px; }.mc-chart-wrap > svg { display:block; width:100%; height:170px; overflow:visible; }.mc-chart-wrap > svg line { stroke:#edf1f6; stroke-width:.5; }.mc-chart-wrap > svg circle { fill:#1769e8; stroke:#fff; stroke-width:.8; vector-effect:non-scaling-stroke; }.mc-chart-line { fill:none; stroke:#1769e8; stroke-width:1.5; vector-effect:non-scaling-stroke; }.mc-chart-labels { display:grid; grid-template-columns:repeat(5,1fr); gap:3px; margin-top:4px; }.mc-chart-labels span { text-align:center; }.mc-chart-labels strong,.mc-chart-labels small { display:block; }.mc-chart-labels strong { color:#52627a; font-size:9.5px; }.mc-chart-labels small { margin-top:2px; color:#8b97a8; font-size:8.5px; }

.mc-health-content { display:grid; grid-template-columns:minmax(0,1fr) 145px; min-height:225px; }.mc-health-list { padding:7px 0; }.mc-health-row { display:grid; grid-template-columns:21px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:48px; padding:7px 14px; color:var(--mc-text); }.mc-health-row:hover { background:#f7faff; }.mc-health-row > span { display:grid; place-items:center; width:19px; height:19px; border-radius:50%; color:#fff; font-size:9px; font-weight:800; }.mc-health-row > span.good { background:#18a46a; }.mc-health-row > span.attention { background:#ef8e22; }.mc-health-row strong { font-size:10.5px; font-weight:620; }.mc-health-row small { font-size:9px; font-weight:750; text-align:right; }.mc-health-row small.good { color:#16845a; }.mc-health-row small.attention { color:#cf7618; }
.mc-health-score { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:15px;  border-left:1px solid #edf1f6; text-align:center; }.mc-health-score > div { display:grid; place-items:center; width:82px; height:82px; background:conic-gradient(#f0a33a calc(var(--health, 75) * 1%),#e7edf5 0); border-radius:50%; box-shadow:inset 0 0 0 10px #fff; }.mc-health-score.all-good > div { background:conic-gradient(#23ad73 100%,#e7edf5 0); }.mc-health-score span { color:#23344f; font-size:24px; font-weight:800; }.mc-health-score small { color:#8491a4; font-size:10px; }.mc-health-score strong { color:#42526a; font-size:10px; line-height:1.4; }

.mc-overview-panel .mc-panel-header { min-height:54px; }.mc-overview-grid { display:grid; grid-template-columns:repeat(4,1fr); }.mc-overview-grid a { display:grid; grid-template-columns:36px auto 1fr; grid-template-rows:auto auto; align-items:center; column-gap:10px; min-height:72px; padding:10px 18px; border-right:1px solid #edf1f6; color:var(--mc-text); }.mc-overview-grid a:last-child { border-right:0; }.mc-overview-grid a:hover { background:#f7faff; }.mc-overview-icon { grid-row:1/3; display:grid; place-items:center; width:35px; height:35px; background:#edf4ff; border-radius:9px; color:#1769e8; font-size:15px; }.mc-overview-grid strong { align-self:end; color:#20314b; font-size:17px; line-height:1; }.mc-overview-grid small { align-self:start; margin-top:3px; color:#7c899c; font-size:10px; }

@media (max-width: 1260px) { .mc-kpi-grid { grid-template-columns:repeat(2,1fr); }.mc-work-grid { grid-template-columns:1fr 1fr; }.mc-suggestions-panel { grid-column:1/-1; }.mc-suggestion-list { grid-template-columns:1fr 1fr; min-height:auto; }.mc-insight-grid { grid-template-columns:1fr; } }
@media (max-width: 820px) { .mc-dash-header { align-items:flex-start; flex-direction:column; }.mc-dash-tools { width:100%; }.mc-date-chip { flex:1; }.mc-work-grid,.mc-kpi-grid { grid-template-columns:1fr; }.mc-suggestions-panel { grid-column:auto; }.mc-guidance-card { grid-template-columns:42px 1fr; }.mc-primary-action { grid-column:1/-1; }.mc-health-content { grid-template-columns:1fr; }.mc-health-score { border-top:1px solid #edf1f6; border-left:0; }.mc-overview-grid { grid-template-columns:repeat(2,1fr); }.mc-overview-grid a:nth-child(2) { border-right:0; }.mc-overview-grid a:nth-child(-n+2) { border-bottom:1px solid #edf1f6; } }
@media (max-width: 560px) { .mc-date-chip { display:none; }.mc-search-chip { flex:1; width:auto; }.mc-suggestion-list { grid-template-columns:1fr; }.mc-stage-row { grid-template-columns:7px 58px 1fr 18px; }.mc-stage-row strong { display:none; }.mc-chart-wrap { overflow-x:auto; }.mc-chart-wrap > svg,.mc-chart-labels { min-width:520px; }.mc-overview-grid { grid-template-columns:1fr; }.mc-overview-grid a { border-right:0; border-bottom:1px solid #edf1f6; }.mc-guidance-copy p { font-size:11px; } }

/* =========================================================
   DASHBOARD V2 — ENTERPRISE REFINEMENT
   ========================================================= */

.mc-dashboard-v2 {
    --mc-ink: #17233b;
    --mc-text: #3b4a61;
    --mc-muted: #758399;
    --mc-line: #dfe6ef;
    gap: 12px;
    letter-spacing: normal;
}

.mc-dash-header { padding: 4px 4px 7px; }
.mc-dash-welcome h1 { font-size: clamp(25px, 1.85vw, 32px); font-weight: 720; letter-spacing: -.03em; }
.mc-dash-welcome p { margin-top: 6px; font-size: 13px; }

.mc-date-chip,
.mc-search-chip,
.mc-icon-button {
    border-color: #dce3ec;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(18, 35, 61, .025);
}

.mc-kpi-grid,
.mc-work-grid,
.mc-insight-grid { gap: 10px; }

.mc-kpi-card,
.mc-panel,
.mc-guidance-card {
    border-color: #dfe5ed;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(25, 43, 70, .035);
}

.mc-kpi-card {
    min-height: 148px;
    padding: 15px 16px;
}

.mc-kpi-card::after { opacity: .55; }
.mc-kpi-card:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(25, 43, 70, .075); }
.mc-kpi-icon {   border-radius: 8px; }
.mc-kpi-icon svg { width: 19px; height: 19px; }
.mc-kpi-name { font-size: 11.5px; font-weight: 680; }
.mc-pill, .mc-count-pill { padding: 3px 7px; font-size: 8.5px; font-weight: 700; }
.mc-kpi-card > strong { margin-top: 12px; font-size: clamp(21px, 1.65vw, 25px); font-weight: 730; }
.mc-kpi-card > p { margin-top: 5px; }
.mc-kpi-foot { bottom: 13px; left: 16px; font-weight: 570; }

.mc-guidance-card {
    min-height: 94px;
    padding: 13px 17px;
    border-left-width: 3px;
}

.mc-guidance-mark { width: 42px; height: 42px; border-radius: 10px; }
.mc-guidance-mark svg { width: 22px; height: 22px; }
.mc-guidance-copy > span { font-size: 9.5px; letter-spacing: .035em; }
.mc-guidance-copy h2 { font-size: 16px; font-weight: 700; }
.mc-guidance-copy p { font-size: 11px; }
.mc-primary-action { min-height: 38px; border-radius: 7px; box-shadow: 0 3px 8px rgba(23,105,232,.16); }

.mc-panel-header {  padding: 11px 14px; }
.mc-panel-header h2 { font-size: 13.5px; font-weight: 680; }
.mc-panel-header p { font-size: 10px; }
.mc-small-icon {    border-radius: 7px; font-size: 13px; }

.mc-priority-list,
.mc-stage-list { min-height: 171px; }

.mc-priority-row { min-height: 57px; padding: 8px 14px; }
.mc-priority-copy strong { font-weight: 650; }
.mc-panel-link { min-height: 38px; }
.mc-friendly-empty { min-height: 171px; }

.mc-stage-list { padding-top: 6px; padding-bottom: 6px; }
.mc-stage-name { font-weight: 610; }
.mc-stage-track { height: 4px; }
.mc-pipeline-total { min-height: 38px; background: #fbfcfe; }

.mc-suggestion-list { min-height: 209px; padding: 9px;  }
.mc-suggestion {  border-color: #e3e9f1; border-radius: 8px; }
.mc-suggestion strong { font-weight: 650; }

.mc-chart-wrap { padding-top: 6px; }
.mc-chart-wrap > svg { height: 150px; }
.mc-chart-wrap > svg polygon { stroke: none !important; }
.mc-chart-wrap > svg circle { display: none; }
.mc-chart-line { stroke: #1f6fe5 !important; stroke-width: 1.7px !important; }
.mc-chart-labels strong { font-weight: 650; }

.mc-health-content { min-height: 204px; grid-template-columns: minmax(0,1fr) 155px; }
.mc-health-row { min-height: 43px; }
.mc-health-row strong { font-weight: 590; }
.mc-health-score { gap: 9px; background: #fbfcfe; }
.mc-health-score > div {
    position: relative;
    isolation: isolate;
    width: 76px;
    height: 76px;
    box-shadow: none;
}
.mc-health-score > div::before {
    content: "";
    position: absolute;
    inset: 7px;
    z-index: -1;
    background: #fff;
    border-radius: 50%;
}
.mc-health-score span,
.mc-health-score small { position: relative; z-index: 1; }
.mc-health-score span { font-size: 21px; font-weight: 720; }
.mc-health-score strong { font-weight: 620; }

.mc-overview-panel .mc-panel-header { min-height: 50px; }
.mc-overview-grid a { min-height: 66px; }
.mc-overview-icon { border-radius: 7px; }
.mc-overview-grid strong { font-size: 16px; font-weight: 700; }

@media (min-width: 1261px) {
    .mc-priorities-panel,
    .mc-pipeline-panel,
    .mc-suggestions-panel { min-height: 308px; }
}

/* =========================================================
   HUMAN BRANDING — LOGO, PROFILE & LANDSCAPE
   ========================================================= */

.sidebar-brand {
    padding: 20px 16px 18px !important;
}


.sidebar-brand-row {
    gap: 10px !important;
}

.sidebar-logo-frame {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(179, 204, 239, .30);
    border-radius: 8px;
}

.sidebar-company-logo {
    width: 34px;
    height: 34px;
}

.sidebar-logo-fallback {
    color: #dceaff;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: -.02em;
}


.sidebar-product-name {
    font-size: 20px !important;
    font-weight: 740 !important;
    line-height: 1.25 !important;
    letter-spacing: -.015em !important;
}

.sidebar-company-name {
    margin-top: 3px !important;
    color: #9fb4d2 !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: .025em !important;
}

.sidebar-user {
    display: block !important;
    padding: 13px 14px 14px !important;
}

.sidebar-user-profile {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 50px;
    margin-bottom: 10px;
}

.sidebar-user-profile.no-avatar {
    grid-template-columns: minmax(0, 1fr);
    min-height: 44px;
}

.sidebar-avatar {
    width: 36px;
    height: 36px;
    overflow: visible;
    background: linear-gradient(145deg, #3d8cff, #2365dc);
    border: 2px solid rgba(255,255,255,.18);
    box-shadow: 0 3px 9px rgba(6, 20, 43, .24);
}

.sidebar-avatar img {
    overflow: hidden;
}

.sidebar-avatar > span {
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 720;
    letter-spacing: .02em;
}

.sidebar-avatar > i {
    position: absolute;
    right: -1px;
    bottom: 0;
    width: 9px;
    height: 9px;
    background: #27bf7b;
    border: 2px solid #203d67;
    border-radius: 50%;
}


.sidebar-user-info::before,
.sidebar-user-info::after { display: none !important; }

.sidebar-user-name {
    color: #f4f8ff !important;
    font-weight: 680 !important;
    line-height: 1.25;
}

.sidebar-user-role {
    margin-top: 2px !important;
    color: #aabbd2 !important;
    font-size: 11px !important;
    line-height: 1.25;
}

.sidebar-user-status {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    color: #82d8ae;
    font-size: 10px;
    font-weight: 620;
}

.sidebar-user-status span {
    width: 5px;
    height: 5px;
    background: #2ac47f;
    border-radius: 50%;
}





.identity-settings-card { padding-bottom: 18px; }
.settings-section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.identity-upload-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin-top: 18px; }
.identity-upload-panel { display: grid; grid-template-columns: 82px minmax(0,1fr); gap: 16px; align-items: center; padding: 16px; background: #fbfcfe; border: 1px solid #e0e6ee; border-radius: 10px; }
.identity-preview { display: grid; place-items: center; width: 78px; height: 78px; overflow: hidden; background: #eef4fb; border: 1px solid #dce5ef; border-radius: 10px; }
.identity-preview.profile { border-radius: 50%; }
.identity-preview img { display: block; width: 100%; height: 100%; object-fit: contain; }
.identity-preview.profile img { object-fit: cover; }
.identity-preview span { color: #2865bb; font-size: 18px; font-weight: 740; }
.identity-upload-copy h3 { margin: 0; color: #26364e; font-size: 13px; }
.identity-upload-copy p { margin: 4px 0 11px; color: #7b899c; font-size: 10.5px; }
.identity-file-control { display: flex; align-items: center; min-height: 34px; margin-bottom: 9px; overflow: hidden; border: 1px solid #d6dfe9; border-radius: 7px; background: #fff; cursor: pointer; }
.identity-file-control > span { flex: 0 0 auto; padding: 0 10px; color: #42536c; font-size: 9.5px; font-weight: 650; }
.identity-file-control input { min-width: 0; width: 100%; padding: 0 6px 0 0; border: 0 !important; background: transparent !important; color: #7b899c; font-size: 9px; box-shadow: none !important; }
.identity-upload-copy .secondary-button { min-height: 34px; padding: 0 12px; border: 1px solid #cbd8e7; border-radius: 7px; background: #fff; color: #245b9f; font-size: 9.5px; font-weight: 680; }
.identity-upload-copy .secondary-button:hover { border-color: #7fa6dc; background: #f4f8fd; }
.identity-help { margin-top: 12px; }

.mc-overview-panel { position: relative; }
.mc-overview-panel::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 340px;
    height: 76px;
    opacity: .52;
    pointer-events: none;
    background: right bottom / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Cpath fill='%23eef4fb' d='M0 90 58 54l33 20 45-46 40 37 31-22 34 23 49-59 70 83Z'/%3E%3Cpath fill='%23dfeafa' d='m89 90 47-62 40 37 31-22 34 23 49-59 70 83Z'/%3E%3Cpath fill='%23cfdef2' d='m200 90 41-24 49-59 70 83Z'/%3E%3Cpath fill='%23b9cee9' d='m272 90 18-83 70 83Z'/%3E%3Cpath fill='%238baad2' d='m301 90 25-42 6 14 8-12 20 40Z'/%3E%3C/svg%3E");
}
.mc-overview-panel .mc-panel-header,
.mc-overview-panel .mc-overview-grid { position: relative; z-index: 1; }
.mc-overview-panel .mc-overview-grid { padding-right: 250px; }
.mc-overview-panel .mc-overview-grid a { background: rgba(255,255,255,.82); }

@media (max-width: 1000px) {
    .identity-upload-grid { grid-template-columns: 1fr; }
    .mc-overview-panel::after { opacity: .30; }
    .mc-overview-panel .mc-overview-grid { padding-right: 0; }
}

@media (max-width: 560px) {
    .identity-upload-panel { grid-template-columns: 64px minmax(0,1fr); padding: 13px; }
    .identity-preview { width: 60px; height: 60px; }
    .sidebar-brand { padding-left: 13px !important; padding-right: 13px !important; }
}

/* =========================================================
   DASHBOARD — QUIET MOTION & CONSISTENT PRODUCT ICONS
   ========================================================= */

.mc-health-complete {
    color: #159866 !important;
    font-size: 30px !important;
    font-weight: 760 !important;
    line-height: 1;
}

.mc-overview-icon {
    display: grid !important;
    flex: 0 0 38px;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    font-size: 0 !important;
}

.mc-overview-icon::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: #1769e8;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 18px 18px;
    mask-size: 18px 18px;
}

.mc-overview-grid a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.mc-overview-copy {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    padding-top: 2px;
}

.mc-overview-copy > strong {
    flex: 0 0 auto;
    margin: 0 !important;
    color: #20314b;
    font-size: 16px;
    font-weight: 700;
    line-height: 1 !important;
}

.mc-overview-copy > small {
    overflow: hidden;
    margin: 1px 0 0 !important;
    color: #6f7f96;
    font-size: 10.5px;
    line-height: 1.2 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mc-overview-grid a:nth-child(1) .mc-overview-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 21V5l10-2v18M14 9h6v12M8 8h2M8 12h2M8 16h2M3 21h18'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 21V5l10-2v18M14 9h6v12M8 8h2M8 12h2M8 16h2M3 21h18'/%3E%3C/svg%3E");
}

.mc-overview-grid a:nth-child(2) .mc-overview-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 21c0-4 2.8-7 7-7s7 3 7 7'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 21c0-4 2.8-7 7-7s7 3 7 7'/%3E%3C/svg%3E");
}

.mc-overview-grid a:nth-child(3) .mc-overview-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 5h12M6 12h12M6 19h12'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 5h12M6 12h12M6 19h12'/%3E%3C/svg%3E");
}

.mc-overview-grid a:nth-child(4) .mc-overview-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='black'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='black'/%3E%3C/svg%3E");
}

.mc-stage-track span {
    transform-origin: left center;
    animation: mc-progress-in .7s cubic-bezier(.22,.75,.25,1) both;
}

.mc-chart-line {
    stroke-dasharray: 240;
    stroke-dashoffset: 240;
    animation: mc-chart-draw 1s .25s ease-out forwards;
}

.mc-chart-wrap > svg polygon {
    opacity: 0;
    animation: mc-area-in .65s .65s ease-out forwards;
}

.mc-health-row > span {
    animation: mc-check-in .35s ease-out both;
}
.mc-health-row:nth-child(2) > span { animation-delay: .07s; }
.mc-health-row:nth-child(3) > span { animation-delay: .14s; }
.mc-health-row:nth-child(4) > span { animation-delay: .21s; }

.mc-priority-row:hover .mc-row-arrow,
.mc-suggestion a:hover span,
.mc-primary-action:hover span,
.mc-panel-link:hover span {
    display: inline-block;
    transform: translateX(2px);
    transition: transform .15s ease;
}

@keyframes mc-progress-in {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

@keyframes mc-chart-draw {
    to { stroke-dashoffset: 0; }
}

@keyframes mc-area-in {
    to { opacity: 1; }
}

@keyframes mc-check-in {
    from { opacity: 0; transform: scale(.78); }
    to { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .mc-dashboard-v2 > *,
    .mc-stage-track span,
    .mc-chart-line,
    .mc-chart-wrap > svg polygon,
    .mc-health-row > span {
        animation: none !important;
        opacity: 1 !important;
        stroke-dashoffset: 0 !important;
        transform: none !important;
    }
}

/* CRM health severity: 1–2 days orange, 3+ days red */
.mc-health-row > span.warning { background: #ef8e22; }
.mc-health-row > span.danger { background: #dc4c43; }
.mc-health-row small.warning { color: #c96f16; }
.mc-health-row small.danger { color: #c43f38; }
.mc-health-score.warning > div {
    background: conic-gradient(#f0a33a calc(var(--health, 75) * 1%), #e7edf5 0);
}
.mc-health-score.danger > div {
    background: conic-gradient(#dc4c43 calc(var(--health, 75) * 1%), #e7edf5 0);
}

.mc-health-alert {
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1;
}
.mc-health-score.warning .mc-health-alert { color: #c96f16 !important; }
.mc-health-score.danger .mc-health-alert { color: #c43f38 !important; }

/* Time-aware dashboard landscape — uses the user's local clock */
.mc-overview-panel::after {
    opacity: .62;
    transition: opacity .45s ease;
    animation: mc-landscape-arrive .7s ease-out both;
}

.mc-overview-panel[data-daypart="morning"]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Ccircle cx='292' cy='24' r='13' fill='%23ffd99a' opacity='.82'/%3E%3Cpath fill='%23f5f8fd' d='M0 90 58 57l33 17 45-43 40 34 31-19 34 20 49-53 70 77Z'/%3E%3Cpath fill='%23e8eff9' d='m89 90 47-59 40 34 31-19 34 20 49-53 70 77Z'/%3E%3Cpath fill='%23d8e5f5' d='m200 90 41-24 49-53 70 77Z'/%3E%3Cpath fill='%23bed3ec' d='m272 90 18-77 70 77Z'/%3E%3Cpath fill='%23f0b5a8' opacity='.34' d='m301 90 25-38 7 13 8-11 19 36Z'/%3E%3C/svg%3E");
}

.mc-overview-panel[data-daypart="day"]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Ccircle cx='300' cy='18' r='11' fill='%23f8d56b' opacity='.68'/%3E%3Cpath fill='%23eef4fb' d='M0 90 58 54l33 20 45-46 40 37 31-22 34 23 49-59 70 83Z'/%3E%3Cpath fill='%23dfeafa' d='m89 90 47-62 40 37 31-22 34 23 49-59 70 83Z'/%3E%3Cpath fill='%23cfdef2' d='m200 90 41-24 49-59 70 83Z'/%3E%3Cpath fill='%23b9cee9' d='m272 90 18-83 70 83Z'/%3E%3Cpath fill='%238baad2' d='m301 90 25-42 6 14 8-12 20 40Z'/%3E%3C/svg%3E");
}

.mc-overview-panel[data-daypart="evening"]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Ccircle cx='294' cy='29' r='14' fill='%23f2a06f' opacity='.78'/%3E%3Cpath fill='%23f5edf5' d='M0 90 58 57l33 17 45-43 40 34 31-19 34 20 49-53 70 77Z'/%3E%3Cpath fill='%23e8dff0' d='m89 90 47-59 40 34 31-19 34 20 49-53 70 77Z'/%3E%3Cpath fill='%23d9d5eb' d='m200 90 41-24 49-53 70 77Z'/%3E%3Cpath fill='%23c1c9e5' d='m272 90 18-77 70 77Z'/%3E%3Cpath fill='%23949fc9' d='m301 90 25-38 7 13 8-11 19 36Z'/%3E%3C/svg%3E");
}

.mc-overview-panel[data-daypart="night"]::after {
    opacity: .72;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 90'%3E%3Ccircle cx='298' cy='21' r='12' fill='%23dce8ff'/%3E%3Ccircle cx='304' cy='17' r='12' fill='%23fbfcfe'/%3E%3Cg fill='%23a7bde2'%3E%3Ccircle cx='255' cy='15' r='1'/%3E%3Ccircle cx='332' cy='29' r='1.2'/%3E%3Ccircle cx='274' cy='38' r='.8'/%3E%3C/g%3E%3Cpath fill='%23edf1f8' d='M0 90 58 57l33 17 45-43 40 34 31-19 34 20 49-53 70 77Z'/%3E%3Cpath fill='%23dce4f1' d='m89 90 47-59 40 34 31-19 34 20 49-53 70 77Z'/%3E%3Cpath fill='%23c8d3e6' d='m200 90 41-24 49-53 70 77Z'/%3E%3Cpath fill='%23aebed9' d='m272 90 18-77 70 77Z'/%3E%3Cpath fill='%237f94ba' d='m301 90 25-38 7 13 8-11 19 36Z'/%3E%3C/svg%3E");
}

@keyframes mc-landscape-arrive {
    from { opacity: 0; transform: translateY(3px); }
}

@media (prefers-reduced-motion: reduce) {
    .mc-overview-panel::after { animation: none; transition: none; }
}

/* Pipeline stages are categories, so separate columns are clearer than a line */
.mc-momentum-bars {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: end;
    gap: 28px;
    height: 158px;
    padding: 12px 42px 0;
    border-bottom: 1px solid #dfe7f1;
    background: repeating-linear-gradient(to bottom, transparent 0 51px, #edf1f6 51px 52px);
}

.mc-momentum-panel .mc-chart-labels {
    column-gap: 28px;
    box-sizing: border-box;
    padding-right: 42px;
    padding-left: 42px;
}

.mc-momentum-column {
    display: flex;
    position: relative;
    height: 100%;
    align-items: flex-end;
    justify-content: center;
}

.mc-momentum-column i {
    display: block;
    width: min(58px, 68%);
    height: max(3px, var(--stage-height));
    min-height: 3px;
    border-radius: 7px 7px 2px 2px;
    background: linear-gradient(180deg, #347fee 0%, #1f6fe5 100%);
    box-shadow: 0 4px 12px rgba(31, 111, 229, .12);
}

.mc-momentum-column:nth-child(2) i { background: linear-gradient(180deg, #42bc83, #2aa86d); }
.mc-momentum-column:nth-child(3) i { background: linear-gradient(180deg, #8063ed, #6b4fe0); }
.mc-momentum-column:nth-child(4) i { background: linear-gradient(180deg, #f2a227, #e78b12); }
.mc-momentum-column:nth-child(5) i { background: linear-gradient(180deg, #22a77c, #168e68); }

.mc-momentum-value {
    position: absolute;
    bottom: calc(max(3px, var(--stage-height)) + 7px);
    color: #52627a;
    font-size: 10px;
    font-weight: 700;
}

@media (max-width: 700px) {
    .mc-momentum-bars { min-width: 520px; gap: 18px; padding-right: 28px; padding-left: 28px; }
    .mc-momentum-panel .mc-chart-labels { column-gap: 18px; padding-right: 28px; padding-left: 28px; }
}

/* =========================================================
   MY DAY — DAILY SALES ASSISTANT
   ========================================================= */

.mc-myday {
    --myday-ink: #17243c;
    --myday-muted: #72829a;
    --myday-line: #dfe7f1;
    --myday-blue: #1769e8;
    width: 100%;
    max-width: 1540px;
    margin: 0 auto;
    padding: 28px 32px 34px;
    color: var(--myday-ink);
}

.myday-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
}

.myday-kicker,
.myday-eyebrow,
.myday-prepared-label {
    display: block;
    color: #60728d;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
}

.myday-header h1 {
    margin: 5px 0 4px;
    color: var(--myday-ink);
    font-size: clamp(28px, 2.4vw, 38px);
    line-height: 1.12;
    letter-spacing: -.035em;
}

.myday-header p {
    margin: 0;
    color: var(--myday-muted);
    font-size: 13px;
}

.myday-date {
    display: flex;
    min-height: 44px;
    align-items: center;
    gap: 10px;
    padding: 0 15px;
    border: 1px solid var(--myday-line);
    border-radius: 10px;
    background: #fff;
    color: #354761;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 4px 14px rgba(26, 49, 83, .04);
}

.myday-date svg {
    width: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
}

.mc-myday a,
.mc-myday a:hover { text-decoration: none; }

.myday-start {
    display: grid;
    position: relative;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: start;
    gap: 18px;
    overflow: hidden;
    margin-bottom: 16px;
    padding: 22px;
    border: 1px solid #cfe0f6;
    border-left: 4px solid var(--myday-blue);
    border-radius: 13px;
    background: linear-gradient(110deg, #f8fbff 0%, #fff 64%);
    box-shadow: 0 8px 24px rgba(29, 67, 116, .06);
}

.myday-start.warning { border-left-color: #ed951f; background: linear-gradient(110deg, #fffaf2, #fff 64%); }
.myday-start.danger { border-left-color: #d94b44; background: linear-gradient(110deg, #fff7f5, #fff 64%); }
.myday-start.today { border-left-color: #1769e8; }
.myday-start.attention { border-left-color: #7458df; background: linear-gradient(110deg, #faf8ff, #fff 64%); }

.myday-start-mark {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 11px;
    background: #eaf3ff;
    color: var(--myday-blue);
}

.myday-start.warning .myday-start-mark { background: #fff0d9; color: #d77b0b; }
.myday-start.danger .myday-start-mark { background: #ffebe8; color: #ce433c; }
.myday-start.attention .myday-start-mark { background: #f0ecff; color: #7054d9; }

.myday-start-mark svg {
    width: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.myday-start-copy { min-width: 0; }
.myday-start-copy h2 { margin: 4px 0 5px; color: var(--myday-ink); font-size: 22px; line-height: 1.2; letter-spacing: -.02em; }
.myday-start-copy > p { margin: 9px 0 0; color: #62738c; font-size: 12px; line-height: 1.5; }
.myday-context { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: #667790; font-size: 11px; }
.myday-context strong { color: #3a4c66; }

.myday-prepared {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
    margin-top: 14px;
}

/* =========================================================
   ORGANIZATION MAP — DASHBOARD QUALITY
   ========================================================= */
.mc-organization-map-button,.mc-map-directory-button{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;background:#fff;border:1px solid #d8e2ee;border-radius:10px;color:#395573;font-size:11px;font-weight:750;text-decoration:none;box-shadow:0 3px 11px rgba(25,48,82,.035)}
.mc-organization-map-button:hover,.mc-map-directory-button:hover{background:#f7faff;border-color:#bdcde1;color:#255fae}
.mc-organization-map-page{--map-ink:#172842;--map-text:#53657f;--map-muted:#8391a5;--map-line:#dfe7f1;max-width:1540px;margin:0 auto;padding:31px 34px 58px;color:var(--map-ink)}
.mc-map-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;overflow:hidden;background:#fff;border:1px solid var(--map-line);border-radius:14px;box-shadow:0 6px 20px rgba(25,48,82,.045)}
.mc-map-summary>div{padding:15px 18px;border-right:1px solid #e8edf4}.mc-map-summary>div:last-child{border-right:0}.mc-map-summary span,.mc-map-summary strong{display:block}.mc-map-summary span{color:#7e8da2;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.055em}.mc-map-summary strong{margin-top:5px;color:#203652;font-size:20px;line-height:1}
.mc-map-card{margin-bottom:18px;overflow:hidden;background:#fff;border:1px solid var(--map-line);border-radius:15px;box-shadow:0 7px 22px rgba(25,48,82,.05)}
.mc-map-card-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 19px;border-bottom:1px solid #e7edf4}.mc-map-card-title{display:flex;align-items:center;gap:12px}.mc-map-card-title>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;background:#eaf2ff;border-radius:10px;color:#3478e5}.mc-map-card-title svg,.mc-map-empty svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mc-map-card-title h2{margin:0;font-size:14px}.mc-map-card-title p{margin:3px 0 0;color:#8794a6;font-size:9px}.mc-map-card-header>b{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;background:#edf4ff;border-radius:8px;color:#3478e5;font-size:11px}.mc-map-help{color:#8795a8;font-size:9px;font-weight:650}
.mc-map-tree-wrap{padding:17px 19px 20px;overflow:hidden}.mc-map-tree,.mc-map-children{margin:0;padding:0;list-style:none}.mc-map-tree{display:grid;gap:12px}.mc-map-children{position:relative;display:grid;gap:8px;margin:8px 0 0 18px;padding-left:24px}.mc-map-children::before{content:"";position:absolute;top:0;bottom:19px;left:6px;width:1px;background:#dbe5f1}.mc-map-children>.mc-map-node{position:relative}.mc-map-children>.mc-map-node::before{content:"";position:absolute;top:23px;left:-18px;width:18px;height:1px;background:#dbe5f1}
.mc-map-branch>summary,.mc-map-leaf{display:grid;grid-template-columns:26px 38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:62px;padding:10px 12px;background:#fbfcfe;border:1px solid #e1e8f1;border-radius:11px;color:var(--map-ink);list-style:none}.mc-map-branch>summary{cursor:pointer}.mc-map-branch>summary::-webkit-details-marker{display:none}.mc-map-branch>summary::marker{content:""}.mc-map-branch>summary:hover,.mc-map-leaf:hover{background:#f7faff;border-color:#cbd9eb}
.mc-map-toggle{display:grid;place-items:center;width:24px;height:24px;background:#edf4ff;border-radius:7px;color:#3478e5}.mc-map-toggle::before{content:"−";font-size:16px;font-weight:700;line-height:1}.mc-map-branch:not([open]) .mc-map-toggle::before{content:"…"}.mc-map-spacer{width:24px}.mc-map-company-mark{display:grid;place-items:center;width:38px;height:38px;background:#eaf2ff;border-radius:10px;color:#3478e5;font-size:12px;font-weight:800}.mc-map-company-copy{min-width:0}.mc-map-company-copy strong,.mc-map-company-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-map-company-copy strong{font-size:11px}.mc-map-company-copy small{margin-top:4px;color:#8492a6;font-size:9px}.mc-map-node-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px}.mc-map-node-meta>span{color:#8694a7;font-size:9px}.mc-map-node-meta>b,.mc-independent-company>b{padding:5px 7px;background:#f1f3f6;border-radius:7px;color:#758397;font-size:8px}.mc-map-node-meta>a{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 11px;background:#fff;border:1px solid #d7e1ed;border-radius:8px;color:#3e638f;font-size:9px;font-weight:750;text-decoration:none}.mc-map-node-meta>a:hover{background:#edf4ff;border-color:#c7d7eb;color:#286fd8}.mc-map-node.is-inactive>.mc-map-leaf,.mc-map-node.is-inactive>.mc-map-branch>summary{background:#fafbfc}.mc-map-node.is-inactive .mc-map-company-mark{background:#f1f3f6;color:#7d8999}
.mc-independent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px 19px 19px}.mc-independent-company{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:11px;background:#fbfcfe;border:1px solid #e1e8f1;border-radius:10px;color:var(--map-ink);text-decoration:none}.mc-independent-company:hover{background:#f7faff;border-color:#cbd9eb}.mc-independent-company>span{display:grid;place-items:center;width:38px;height:38px;background:#eaf2ff;border-radius:10px;color:#3478e5;font-size:11px;font-weight:800}.mc-independent-company strong,.mc-independent-company small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-independent-company strong{font-size:10px}.mc-independent-company small{margin-top:4px;color:#8794a6;font-size:9px}.mc-independent-company.is-inactive>span{background:#f1f3f6;color:#7d8999}
.mc-map-empty{display:flex;align-items:center;flex-direction:column;padding:74px 20px;background:#fff;border:1px solid var(--map-line);border-radius:15px;text-align:center;box-shadow:0 6px 20px rgba(25,48,82,.05)}.mc-map-empty>span{display:grid;place-items:center;width:62px;height:62px;margin-bottom:15px;background:#eaf2ff;border-radius:18px;color:#3478e5}.mc-map-empty h2{margin:0;font-size:18px}.mc-map-empty p{margin:8px 0 17px;color:#7d8da3;font-size:11px}.mc-map-empty a{display:inline-flex;align-items:center;height:38px;padding:0 14px;background:#2471e8;border-radius:9px;color:#fff;font-size:10px;font-weight:750;text-decoration:none}
@media(max-width:900px){.mc-map-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-map-summary>div:nth-child(2){border-right:0}.mc-map-summary>div:nth-child(-n+2){border-bottom:1px solid #e8edf4}.mc-independent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.mc-organization-map-page{padding:22px 15px 42px}.mc-organization-map-page .mc-companies-header{align-items:flex-start;flex-direction:column}.mc-organization-map-page .mc-companies-header-actions,.mc-map-directory-button{width:100%}.mc-map-card-header{align-items:flex-start;flex-direction:column}.mc-map-help{padding-left:50px}.mc-map-tree-wrap{padding:12px}.mc-map-children{margin-left:8px;padding-left:16px}.mc-map-children>.mc-map-node::before{left:-10px;width:10px}.mc-map-branch>summary,.mc-map-leaf{grid-template-columns:24px 34px minmax(0,1fr);gap:8px}.mc-map-company-mark{width:34px;height:34px}.mc-map-node-meta{grid-column:3;justify-content:flex-start;flex-wrap:wrap}.mc-map-node-meta>span{display:none}.mc-independent-grid{grid-template-columns:1fr;padding:12px}}

.myday-prepared-label { width: 100%; margin-bottom: 1px; color: #8290a3; font-size: 8.5px; }
.myday-prepared > span:not(.myday-prepared-label),
.myday-prepared > a {
    display: flex;
    min-height: 36px;
    flex-direction: column;
    justify-content: center;
    padding: 6px 10px;
    border: 1px solid #e2e9f2;
    border-radius: 8px;
    background: rgba(255,255,255,.86);
    color: #40526c;
    font-size: 10px;
    line-height: 1.25;
}

.myday-prepared b { margin-bottom: 2px; color: #8592a5; font-size: 8px; font-weight: 750; text-transform: uppercase; }
.myday-prepared .myday-note { min-width: 220px; flex: 1 1 260px; }
.myday-prepared > a:hover { border-color: #9ebce4; color: #1769e8; }

.myday-primary-button {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    align-self: center;
    padding: 0 18px;
    border-radius: 9px;
    background: #1769e8;
    color: #fff;
    font-size: 11px;
    font-weight: 750;
    box-shadow: 0 7px 16px rgba(23, 105, 232, .18);
}

.myday-primary-button:hover { background: #105ccf; transform: translateY(-1px); }

.myday-clear {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    align-items: center;
    gap: 15px;
    margin-bottom: 16px;
    padding: 20px 22px;
    border: 1px solid #d7ebe2;
    border-radius: 13px;
    background: linear-gradient(110deg, #f4fbf8, #fff);
}

.myday-clear > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #22a873; color: #fff; font-size: 20px; }
.myday-clear h2 { margin: 0 0 3px; font-size: 18px; }
.myday-clear p { margin: 0; color: var(--myday-muted); font-size: 11px; }
.myday-clear a { color: #1769e8; font-size: 11px; font-weight: 750; }

.myday-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, .75fr);
    align-items: stretch;
    gap: 16px;
}

.myday-panel {
    overflow: hidden;
    border: 1px solid var(--myday-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(31, 54, 85, .045);
}

.myday-panel-header {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 17px;
    border-bottom: 1px solid #e8edf4;
}

.myday-panel-header h2 { margin: 0 0 3px; color: var(--myday-ink); font-size: 17px; letter-spacing: -.015em; }
.myday-panel-header p { margin: 0; color: #8290a3; font-size: 10px; }
.myday-panel-header > span { display: grid; min-width: 26px; height: 26px; place-items: center; border-radius: 13px; background: #edf4ff; color: #1769e8; font-size: 10px; font-weight: 800; }

.myday-panel-title {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.myday-panel-icon {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 9px;
}

.myday-panel-icon svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.myday-panel-icon.amber { background: #fff3df; color: #e28a10; }
.myday-panel-icon.blue { background: #edf4ff; color: #1769e8; }

.myday-action-row {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto 20px;
    min-height: 72px;
    align-items: center;
    gap: 11px;
    padding: 10px 16px;
    border-bottom: 1px solid #edf1f6;
    color: var(--myday-ink);
}

.myday-action-row:last-child { border-bottom: 0; }
.myday-action-row:hover { background: #f8fbff; }
.myday-action-index { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 50%; background: #edf4ff; color: #1769e8; font-size: 10px; font-weight: 800; }
.myday-action-row.warning .myday-action-index { background: #fff2dc; color: #cc760e; }
.myday-action-row.danger .myday-action-index { background: #ffebe8; color: #ca4039; }
.myday-action-row.attention .myday-action-index { background: #f0edff; color: #7154df; }

.myday-action-copy { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.myday-action-copy small { color: #8290a3; font-size: 8px; font-weight: 800; letter-spacing: .065em; }
.myday-action-copy strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.myday-action-copy span { overflow: hidden; color: #77869b; font-size: 9.5px; text-overflow: ellipsis; white-space: nowrap; }
.myday-action-due { padding: 6px 9px; border-radius: 12px; background: #f2f6fb; color: #53647b; font-size: 9px; font-weight: 700; white-space: nowrap; }
.myday-action-row.danger .myday-action-due { background: #fff0ed; color: #c4453e; }
.myday-action-row.warning .myday-action-due { background: #fff5e5; color: #bd6c0d; }
.myday-action-arrow { color: #91a0b3; font-size: 14px; }

.myday-stats { display: grid; grid-template-columns: 1fr 1fr; }
.myday-stats a { display: flex; min-height: 91px; align-items: center; gap: 11px; padding: 13px; border-right: 1px solid #edf1f6; border-bottom: 1px solid #edf1f6; color: var(--myday-ink); }
.myday-stats a:nth-child(2n) { border-right: 0; }
.myday-stats a:nth-last-child(-n+2) { border-bottom: 0; }
.myday-stats a:hover { background: #f9fbfe; }
.myday-stats > a > span { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border-radius: 9px; background: #edf4ff; color: #1769e8; font-size: 15px; font-weight: 800; }
.myday-stats > a > span.danger { background: #ffebe8; color: #ca4039; }
.myday-stats > a > span.warning { background: #fff2dc; color: #cc760e; }
.myday-stats > a > span.quiet { background: #f0edff; color: #7154df; }
.myday-stats > a > span.good { background: #e8f8f1; color: #159866; }
.myday-stats strong,.myday-stats small { display: block; }
.myday-stats strong { font-size: 10.5px; }
.myday-stats small { margin-top: 3px; color: #8390a3; font-size: 8.5px; line-height: 1.3; }

.myday-empty { display: flex; min-height: 185px; flex-direction: column; align-items: center; justify-content: center; padding: 20px; text-align: center; }
.myday-empty > span { display: grid; width: 36px; height: 36px; place-items: center; margin-bottom: 8px; border-radius: 50%; background: #e8f8f1; color: #159866; }
.myday-empty strong { font-size: 11px; }
.myday-empty p { margin: 4px 0 0; color: #8290a3; font-size: 9.5px; }

.myday-later { overflow: hidden; margin-top: 16px; border: 1px solid var(--myday-line); border-radius: 12px; background: #fff; }
.myday-later summary { display: flex; min-height: 58px; cursor: pointer; list-style: none; align-items: center; justify-content: space-between; padding: 11px 17px; }
.myday-later summary::-webkit-details-marker { display: none; }
.myday-later summary span { display: flex; flex-direction: column; gap: 3px; }
.myday-later summary strong { font-size: 13px; }
.myday-later summary small { color: #8290a3; font-size: 9.5px; font-weight: 400; }
.myday-later summary b { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: #f0f4f9; color: #64748a; font-size: 9px; }
.myday-later > div { border-top: 1px solid #edf1f6; }
.myday-later > div > a { display: grid; grid-template-columns: 1fr auto 18px; align-items: center; gap: 12px; padding: 10px 17px; border-bottom: 1px solid #edf1f6; color: var(--myday-ink); }
.myday-later > div > a:last-child { border-bottom: 0; }
.myday-later a span { display: flex; flex-direction: column; gap: 2px; }
.myday-later a strong { font-size: 10.5px; }
.myday-later a small { color: #8190a3; font-size: 9px; }
.myday-later a em { color: #66768c; font-size: 9px; font-style: normal; }
.myday-later a i { color: #8d9caf; font-style: normal; }

.myday-workbook {
    overflow: hidden;
    margin-top: 12px;
    border: 1px solid var(--myday-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(31, 54, 85, .035);
}

.myday-workbook > summary {
    display: flex;
    min-height: 58px;
    cursor: pointer;
    list-style: none;
    align-items: center;
    justify-content: space-between;
    padding: 11px 17px;
}

.myday-workbook > summary::-webkit-details-marker { display: none; }
.myday-workbook > summary > span { display: flex; flex-direction: column; gap: 3px; }
.myday-workbook > summary strong { font-size: 13px; }
.myday-workbook > summary small { color: #8290a3; font-size: 9.5px; font-weight: 400; }
.myday-workbook > summary b { display: grid; min-width: 25px; height: 25px; place-items: center; padding: 0 7px; border-radius: 13px; background: #edf4ff; color: #1769e8; font-size: 9px; }

.myday-workbook-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid #edf1f6;
}

.myday-workbook-grid section { min-height: 128px; padding: 14px 16px; border-right: 1px solid #edf1f6; border-bottom: 1px solid #edf1f6; }
.myday-workbook-grid section:nth-child(2n) { border-right: 0; }
.myday-workbook-grid section:nth-last-child(-n+2) { border-bottom: 0; }
.myday-workbook-grid header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; }
.myday-workbook-grid h3 { margin: 0; color: #31425c; font-size: 11px; }
.myday-workbook-grid header > span { color: #8290a3; font-size: 9px; font-weight: 750; }
.myday-workbook-grid section > a { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid #f0f3f7; color: #34465f; }
.myday-workbook-grid section > a:hover strong { color: #1769e8; }
.myday-workbook-grid a > span { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.myday-workbook-grid a strong,.myday-workbook-grid a small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.myday-workbook-grid a strong { font-size: 10px; }
.myday-workbook-grid a small { color: #8290a3; font-size: 8.5px; }
.myday-workbook-grid a em { color: #64758d; font-size: 8.5px; font-style: normal; white-space: nowrap; }
.myday-workbook-grid section > p { margin: 22px 0 0; color: #91a0b2; font-size: 9.5px; text-align: center; }

.myday-footer-note { display: flex; align-items: center; gap: 9px;  padding: 0 4px; color: #7b899d; }
.myday-footer-note > span { color: #1769e8; }
.myday-footer-note p { margin: 0; font-size: 9px; }
.myday-footer-note strong { color: #56677e; }

/* My Day refinement — clearer assistant hierarchy and dashboard-level finish */
.myday-header > div:first-child { max-width: 760px; }
.myday-kicker { color: #1769e8; letter-spacing: .11em; }
.myday-header h1 { margin-top: 4px; font-size: clamp(27px, 2.1vw, 35px); }
.myday-header p { max-width: 720px; line-height: 1.45; }

.myday-start {
    padding: 24px 26px;
    box-shadow: 0 10px 28px rgba(29, 67, 116, .065);
}

.myday-start-copy h2 { font-size: 21px; }
.myday-start-copy > p { color: #586b84; }

.myday-start-copy .myday-reason {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
}

.myday-reason > span {
    padding: 4px 7px;
    border-radius: 5px;
    background: #eef4fb;
    color: #526984;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.myday-start.warning .myday-reason > span { background: #fff0da; color: #b66c11; }
.myday-start.danger .myday-reason > span { background: #ffebe8; color: #b9413b; }
.myday-start.attention .myday-reason > span { background: #f0edff; color: #6750c5; }

.myday-prepared { gap: 9px; margin-top: 16px; }
.myday-prepared-label { margin-bottom: 2px; color: #6f8097; letter-spacing: .085em; }
.myday-prepared > span:not(.myday-prepared-label),
.myday-prepared > a {
    min-height: 42px;
    min-width: 108px;
    padding: 7px 12px;
    border-color: #dbe5f0;
    background: #fff;
    font-size: 10.5px;
    box-shadow: 0 3px 9px rgba(34, 58, 91, .035);
}
.myday-prepared b { font-size: 8.5px; letter-spacing: .04em; }

.myday-layout > .myday-panel:first-child { display: flex; flex-direction: column; }
.myday-layout > .myday-panel:first-child .myday-action-list {
    display: grid;
    flex: 1;
    grid-auto-rows: minmax(76px, 1fr);
}

.myday-action-row {
    position: relative;
    min-height: 76px;
    padding-right: 19px;
    padding-left: 19px;
    transition: background-color .16s ease, transform .16s ease;
}

.myday-action-row::before {
    content: "";
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: #2f7aec;
    opacity: 0;
    transition: opacity .16s ease;
}

.myday-action-row:hover { background: #f7faff; transform: translateX(1px); }
.myday-action-row:hover::before { opacity: 1; }
.myday-action-row.warning::before { background: #ed951f; }
.myday-action-row.danger::before { background: #d94b44; }
.myday-action-row.attention::before { background: #7458df; }
.myday-action-copy small { color: #6e8098; font-size: 8.5px; }
.myday-action-copy strong { font-size: 11.5px; }
.myday-action-copy span { margin-top: 1px; }
.myday-action-arrow { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #f2f6fb; color: #6f8199; }

.myday-footer-note {
    min-height: 58px;
    gap: 12px;
    margin-top: 14px;
    padding: 10px 14px;
    border: 1px solid #dfe8f3;
    border-radius: 11px;
    background: linear-gradient(100deg, #f7faff, rgba(255,255,255,.88));
}

.myday-footer-icon {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border-radius: 9px;
    background: #eaf3ff;
    color: #1769e8 !important;
}

.myday-footer-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.myday-footer-note p { color: #6d7d93; font-size: 9.5px; line-height: 1.45; }
.myday-footer-note strong { display: block; margin-bottom: 1px; color: #354963; font-size: 10px; }

@media (max-width: 1050px) {
    .myday-layout { grid-template-columns: 1fr; }
    .myday-start { grid-template-columns: 48px minmax(0, 1fr); }
    .myday-primary-button { grid-column: 2; justify-self: start; }
}

@media (max-width: 700px) {
    .mc-myday { padding: 20px 16px 28px; }
    .myday-header { align-items: flex-start; flex-direction: column; }
    .myday-date { width: 100%; }
    .myday-start { grid-template-columns: 1fr; padding: 18px; }
    .myday-start-mark { width: 40px; height: 40px; }
    .myday-primary-button { grid-column: 1; width: 100%; }
    .myday-action-row { grid-template-columns: 30px minmax(0, 1fr) 18px; }
    .myday-action-due { grid-column: 2; justify-self: start; }
    .myday-action-arrow { grid-column: 3; grid-row: 1 / 3; }
    .myday-stats { grid-template-columns: 1fr; }
    .myday-stats a { border-right: 0; border-bottom: 1px solid #edf1f6 !important; }
    .myday-stats a:last-child { border-bottom: 0 !important; }
    .myday-workbook-grid { grid-template-columns: 1fr; }
    .myday-workbook-grid section { border-right: 0; border-bottom: 1px solid #edf1f6 !important; }
    .myday-workbook-grid section:last-child { border-bottom: 0 !important; }
}


/* =========================================================
   SEARCH CRM — DASHBOARD QUALITY
   ========================================================= */
.mc-search-page{--search-ink:#172842;--search-text:#4e607b;--search-muted:#8190a5;--search-line:#dfe7f1;max-width:1540px;margin:0 auto;padding:31px 34px 58px;color:var(--search-ink)}
.mc-search-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.mc-search-kicker{display:block;margin-bottom:7px;color:#55739d;font-size:11px;font-weight:800;letter-spacing:.12em}.mc-search-header h1{margin:0;color:var(--search-ink);font-size:34px;line-height:1.12;letter-spacing:-.035em}.mc-search-header p{margin:9px 0 0;color:var(--search-text);font-size:14px}.mc-search-summary{display:flex;align-items:baseline;gap:7px;padding:10px 15px;background:#fff;border:1px solid var(--search-line);border-radius:11px;box-shadow:0 3px 12px rgba(25,48,82,.04)}.mc-search-summary strong{font-size:20px;color:#216ce2}.mc-search-summary span{font-size:12px;color:var(--search-muted)}
.mc-search-command{padding:20px;background:#fff;border:1px solid var(--search-line);border-radius:15px;box-shadow:0 7px 22px rgba(25,48,82,.055)}.mc-search-form{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:54px;padding:5px 6px 5px 17px;background:#f8fafe;border:1px solid #ccd9ea;border-radius:12px;transition:border-color .15s,box-shadow .15s}.mc-search-form:focus-within{border-color:#6596e9;box-shadow:0 0 0 4px rgba(45,120,238,.1)}.mc-search-input-icon svg,.mc-search-ready svg,.mc-search-empty-state svg,.mc-search-group-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mc-search-input-icon{display:grid;place-items:center;color:#6680a4}.mc-search-input-icon svg{width:21px;height:21px}.mc-search-form input{width:100%;min-width:0;height:40px;padding:0;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;color:#243650;font:inherit;font-size:14px}.mc-search-form input::placeholder{color:#8a9ab0}.mc-search-clear{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#7b8ca4;text-decoration:none;font-size:21px}.mc-search-clear:hover{background:#eaf0f8;color:#324c70}.mc-search-submit{height:42px;padding:0 23px;background:#2471e8;border:1px solid #2471e8;border-radius:9px;color:#fff;font-weight:750;box-shadow:0 6px 15px rgba(36,113,232,.2);cursor:pointer}.mc-search-submit:hover{background:#185fcb;border-color:#185fcb}.mc-search-scope{display:flex;flex-wrap:wrap;gap:20px;margin:13px 2px 0;color:#6d7f98;font-size:11px}.mc-search-scope span{display:flex;align-items:center;gap:7px}.mc-search-scope i{width:7px;height:7px;border-radius:50%}.mc-search-scope .blue{background:#3b82f6}.mc-search-scope .green{background:#24ad78}.mc-search-scope .purple{background:#7c62df}.mc-search-scope .orange{background:#ee9a2b}
.mc-search-results-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:32px 2px 16px}.mc-search-results-heading span{color:#7688a1;font-size:10px;font-weight:800;letter-spacing:.11em}.mc-search-results-heading h2{margin:4px 0 0;font-size:21px;letter-spacing:-.02em}.mc-search-results-heading p{margin:0;color:#7b899d;font-size:12px}.mc-search-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mc-search-group{--group:#397be5;--group-soft:#edf4ff;overflow:hidden;background:#fff;border:1px solid var(--search-line);border-radius:14px;box-shadow:0 5px 17px rgba(25,48,82,.045)}.mc-search-group.mc-search-green{--group:#20a66d;--group-soft:#eaf9f2}.mc-search-group.mc-search-purple{--group:#755bdc;--group-soft:#f1edff}.mc-search-group.mc-search-orange{--group:#e58e1f;--group-soft:#fff4e3}.mc-search-group>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 17px;border-bottom:1px solid #edf1f6}.mc-search-group-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--group-soft);color:var(--group)}.mc-search-group-icon svg{width:20px;height:20px}.mc-search-group header h2{margin:0;font-size:15px}.mc-search-group header p{margin:3px 0 0;color:#8492a6;font-size:10px}.mc-search-group header>b{display:grid;place-items:center;min-width:27px;height:27px;padding:0 7px;background:var(--group-soft);border-radius:8px;color:var(--group);font-size:12px}.mc-search-list{min-height:62px}.mc-search-result{display:grid;grid-template-columns:38px minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:66px;padding:10px 17px;border-bottom:1px solid #edf1f6;color:var(--search-ink);text-decoration:none}.mc-search-result:last-child{border-bottom:0}.mc-search-result:not(.is-static):hover{background:#f8faff}.mc-search-result-avatar{display:grid;place-items:center;width:36px;height:36px;background:var(--group-soft);border-radius:10px;color:var(--group);font-size:11px;font-weight:800}.mc-search-result-copy{min-width:0}.mc-search-result-copy strong,.mc-search-result-copy small,.mc-search-result-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-search-result-copy strong{font-size:12px}.mc-search-result-copy small{margin-top:4px;color:#78889f;font-size:10px}.mc-search-result-copy em{margin-top:3px;color:#6882a5;font-size:10px;font-style:normal}.mc-search-status{padding:5px 8px;background:#f3f6fa;border-radius:7px;color:#60718a;font-size:9px;font-weight:750}.mc-search-value{color:#4c5f79;font-size:10px;font-weight:700}.mc-search-result>i{color:var(--group);font-size:16px;font-style:normal}.mc-search-group-empty{padding:22px;color:#94a0b1;text-align:center;font-size:11px}
.mc-search-ready,.mc-search-empty-state{display:flex;align-items:center;flex-direction:column;max-width:620px;margin:80px auto 0;text-align:center}.mc-search-ready-icon,.mc-search-empty-state>span{display:grid;place-items:center;width:66px;height:66px;margin-bottom:17px;background:#eaf2ff;border:1px solid #d6e4f8;border-radius:20px;color:#3478e5}.mc-search-ready svg,.mc-search-empty-state svg{width:28px;height:28px}.mc-search-ready h2,.mc-search-empty-state h2{margin:0;color:#22344e;font-size:20px}.mc-search-ready p,.mc-search-empty-state p{max-width:520px;margin:9px 0 0;color:#74859d;font-size:12px;line-height:1.7}.mc-search-ready>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}.mc-search-ready>div span{padding:7px 10px;background:#fff;border:1px solid #e1e8f1;border-radius:8px;color:#71829a;font-size:10px}.mc-search-empty-state>a{margin-top:18px;padding:9px 14px;background:#fff;border:1px solid #dbe4ef;border-radius:9px;color:#376aa9;text-decoration:none;font-size:11px;font-weight:750}
@media(max-width:900px){.mc-search-results-grid{grid-template-columns:1fr}.mc-search-header{align-items:flex-start;flex-direction:column}.mc-search-summary{align-self:flex-start}}@media(max-width:600px){.mc-search-page{padding:22px 15px 40px}.mc-search-header h1{font-size:28px}.mc-search-command{padding:12px}.mc-search-form{grid-template-columns:20px minmax(0,1fr) auto}.mc-search-clear{display:none}.mc-search-submit{padding:0 14px}.mc-search-scope{gap:10px 15px}.mc-search-result{grid-template-columns:36px minmax(0,1fr) 16px}.mc-search-result>.mc-search-status,.mc-search-result>.mc-search-value{display:none}.mc-search-results-heading{align-items:flex-start;flex-direction:column;gap:6px}}

/* =========================================================
   COMPANIES — DASHBOARD QUALITY
   ========================================================= */
.mc-companies-page{--co-ink:#172842;--co-text:#53657f;--co-muted:#8391a5;--co-line:#dfe7f1;max-width:1540px;margin:0 auto;padding:31px 34px 58px;color:var(--co-ink)}.mc-companies-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px}.mc-companies-kicker{display:block;margin-bottom:7px;color:#55739d;font-size:11px;font-weight:800;letter-spacing:.12em}.mc-companies-header h1{margin:0;font-size:34px;line-height:1.12;letter-spacing:-.035em}.mc-companies-header p{margin:9px 0 0;color:var(--co-text);font-size:14px}.mc-companies-header-actions{display:flex;align-items:center;gap:11px}.mc-company-count{padding:11px 14px;background:#fff;border:1px solid var(--co-line);border-radius:10px;color:#7c8ba0;font-size:11px;box-shadow:0 3px 11px rgba(25,48,82,.035)}.mc-company-count strong{margin-right:4px;color:#286fda;font-size:15px}.mc-add-company-button{display:flex;align-items:center;gap:8px;height:42px;padding:0 17px;background:#2471e8;border:1px solid #2471e8;border-radius:10px;color:#fff;font-weight:750;box-shadow:0 7px 17px rgba(36,113,232,.2);cursor:pointer}.mc-add-company-button:hover{background:#185fcb;border-color:#185fcb}.mc-add-company-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.mc-company-form-card{margin-bottom:22px;overflow:hidden;background:#fff;border:1px solid #dce5f0;border-radius:15px;box-shadow:0 8px 25px rgba(25,48,82,.065)}.mc-company-form-card[hidden]{display:none!important}.mc-company-form-header{display:grid;grid-template-columns:46px minmax(0,1fr) 34px;align-items:center;gap:14px;padding:19px 22px;background:linear-gradient(105deg,#f4f8ff,#fff 67%);border-bottom:1px solid #e6edf5}.mc-company-form-icon{display:grid;place-items:center;width:42px;height:42px;background:#eaf2ff;border-radius:11px;color:#3478e5}.mc-company-form-icon svg,.mc-companies-card-title svg,.mc-companies-empty svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mc-company-form-header span{color:#5d7da9;font-size:9px;font-weight:800;letter-spacing:.11em}.mc-company-form-header h2{margin:3px 0 0;font-size:17px}.mc-company-form-header p{margin:4px 0 0;color:#7f8da2;font-size:10px}.mc-company-form-close{display:grid;place-items:center;width:32px;height:32px;padding:0;background:#fff;border:1px solid #dce5ef;border-radius:9px;color:#75869d;font-size:21px;cursor:pointer}.mc-company-form-section{padding:20px 22px 23px;border-bottom:1px solid #edf1f6}.mc-company-form-section>header{display:flex;align-items:center;gap:11px;margin-bottom:17px}.mc-company-form-section>header>span{display:grid;place-items:center;width:25px;height:25px;background:#edf4ff;border-radius:7px;color:#3478e5;font-size:10px;font-weight:800}.mc-company-form-section h3{margin:0;font-size:13px}.mc-company-form-section header p{margin:3px 0 0;color:#8a97a8;font-size:9px}.mc-company-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mc-company-form-grid .full-width{grid-column:1/-1}.mc-company-form-grid .form-group{margin:0}.mc-company-form-grid label{display:block;margin-bottom:6px;color:#52637b;font-size:10px;font-weight:750}.mc-company-form-grid input,.mc-company-form-grid select,.mc-company-form-grid textarea{width:100%;min-height:42px;padding:9px 11px;background:#fbfcfe;border:1px solid #d5dfeb;border-radius:9px;color:#283950;font:inherit;font-size:11px;outline:0}.mc-company-form-grid textarea{min-height:74px;resize:vertical}.mc-company-form-grid input:focus,.mc-company-form-grid select:focus,.mc-company-form-grid textarea:focus{background:#fff;border-color:#6d9ced;box-shadow:0 0 0 3px rgba(45,120,238,.09)}.mc-company-form-actions{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px;background:#fafbfd}.mc-company-cancel-button,.mc-company-save-button{height:39px;padding:0 15px;border-radius:9px;font-weight:750;cursor:pointer}.mc-company-cancel-button{background:#fff;border:1px solid #d9e2ed;color:#62738b}.mc-company-save-button{background:#2471e8;border:1px solid #2471e8;color:#fff;box-shadow:0 5px 13px rgba(36,113,232,.17)}.mc-company-save-button span{margin-left:8px}
.mc-companies-card{overflow:hidden;background:#fff;border:1px solid var(--co-line);border-radius:15px;box-shadow:0 6px 20px rgba(25,48,82,.05)}.mc-companies-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid #e7edf4}.mc-companies-card-title{display:flex;align-items:center;gap:12px}.mc-companies-card-title>span{display:grid;place-items:center;width:38px;height:38px;background:#eaf2ff;border-radius:10px;color:#3478e5}.mc-companies-card-title h2{margin:0;font-size:14px}.mc-companies-card-title p{margin:3px 0 0;color:#8794a6;font-size:9px}.mc-companies-card-header>b{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;background:#edf4ff;border-radius:8px;color:#3478e5;font-size:11px}.mc-companies-table-wrap{overflow-x:auto}.mc-companies-table{width:100%;min-width:1010px;border-collapse:collapse;background:#fff}.mc-companies-table th{padding:11px 15px;background:#f8fafd;border-bottom:1px solid #e4eaf2;color:#77879c;text-align:left;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mc-companies-table th:last-child{text-align:right}.mc-companies-table td{padding:13px 15px;border-bottom:1px solid #edf1f5;color:#4c5e76;font-size:10px;vertical-align:middle}.mc-companies-table tbody tr:last-child td{border-bottom:0}.mc-companies-table tbody tr:hover{background:#fbfcff}.mc-company-identity{display:flex;align-items:center;gap:11px;color:var(--co-ink);text-decoration:none}.mc-company-identity>span{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;background:#edf4ff;border-radius:10px;color:#3478e5;font-size:12px;font-weight:800}.mc-company-identity strong,.mc-company-identity small,.mc-company-contact strong,.mc-company-contact small,.mc-company-details span,.mc-company-details small{display:block}.mc-company-identity strong{font-size:11px}.mc-company-identity small,.mc-company-contact small,.mc-company-details small{margin-top:3px;color:#8a98aa;font-size:9px}.mc-company-contact strong{color:#35475f;font-size:10px}.mc-company-details span{max-width:220px;overflow:hidden;color:#526681;text-overflow:ellipsis;white-space:nowrap}.mc-company-muted{color:#a0aab8!important;font-weight:500!important}.mc-company-status{display:inline-flex;padding:5px 8px;background:#edf4ff;border-radius:7px;color:#3478e5;font-size:9px;font-weight:750}.mc-status-customer{background:#e9f8f1;color:#18875a}.mc-status-lead{background:#f1edff;color:#6f55d2}.mc-status-inactive{background:#f1f3f6;color:#788596}.mc-status-prospect{background:#fff3e2;color:#c57818}.mc-company-owner{white-space:nowrap}.mc-owner-avatar{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:7px;background:#f0f3f8;border-radius:8px;color:#5e718d;font-size:9px;font-weight:800}.mc-company-owner strong{color:#52637a;font-size:9px}.mc-company-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.mc-company-actions form{margin:0}.mc-company-open,.mc-company-edit,.mc-company-delete{display:inline-flex;align-items:center;justify-content:center;height:29px;padding:0 9px;border-radius:7px;font-size:9px;font-weight:750;text-decoration:none}.mc-company-open{width:29px;padding:0;background:#edf4ff;color:#3478e5}.mc-company-edit{background:#fff;border:1px solid #d8e1ec;color:#586c86}.mc-company-delete{background:#fff;border:1px solid #f0d7d5;color:#bf5149;cursor:pointer}.mc-company-open:hover{background:#3478e5;color:#fff}.mc-company-delete:hover{background:#fff2f1}.mc-companies-empty{display:flex;align-items:center;flex-direction:column;margin-top:74px;text-align:center}.mc-companies-empty>span{display:grid;place-items:center;width:64px;height:64px;margin-bottom:16px;background:#eaf2ff;border-radius:18px;color:#3478e5}.mc-companies-empty h2{margin:0;font-size:19px}.mc-companies-empty p{margin:8px 0 17px;color:#7d8da3;font-size:11px}.mc-companies-empty button{height:38px;padding:0 14px;background:#2471e8;border:0;border-radius:9px;color:#fff;font-weight:750;cursor:pointer}
@media(max-width:950px){.mc-company-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.mc-companies-page{padding:22px 15px 42px}.mc-companies-header{align-items:flex-start;flex-direction:column}.mc-companies-header-actions{width:100%}.mc-company-count{flex:1}.mc-add-company-button{justify-content:center}.mc-company-form-grid{grid-template-columns:1fr}.mc-company-form-grid .full-width{grid-column:auto}.mc-company-form-header{grid-template-columns:42px minmax(0,1fr) 32px}}

/* ==================================================
   COMPANY ORGANIZATION HIERARCHY
   ================================================== */
.mc-company-operational-state{display:block;margin-top:5px;color:#8a98aa;font-size:9px;font-weight:700}.mc-organization-type,.mc-organization-inactive{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:8px;font-size:10px;font-weight:750}.mc-organization-type{background:#edf4ff;color:#3478e5}.mc-organization-inactive{background:#f1f3f6;color:#788596}.mc-organization-path{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-5px 0 16px;color:#8492a6;font-size:10px}.mc-organization-path a{color:#4d6f9f;font-weight:700;text-decoration:none}.mc-organization-path a:hover{text-decoration:underline}.mc-organization-path strong{color:#52637a}.mc-organization-card{margin:16px 0;background:#fff;border:1px solid #dce5f0;border-radius:14px;box-shadow:0 6px 20px rgba(25,48,82,.05)}.mc-organization-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid #e7edf4}.mc-organization-card-header>div>span{color:#5d7da9;font-size:9px;font-weight:800;letter-spacing:.1em}.mc-organization-card-header h2{margin:3px 0 0;font-size:15px}.mc-organization-card-header p{margin:4px 0 0;color:#8794a6;font-size:10px}.mc-organization-unit-count{flex:0 0 auto;padding:6px 9px;background:#edf4ff;border-radius:8px;color:#3478e5;font-size:9px;font-weight:750}.mc-parent-company{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px;padding:14px 19px;border-bottom:1px solid #edf1f5}.mc-parent-company>span{color:#7b899d;font-size:9px;font-weight:800;text-transform:uppercase}.mc-parent-company>a{display:flex;justify-content:space-between;gap:12px;color:#263a55;text-decoration:none}.mc-parent-company strong,.mc-parent-company small{display:block}.mc-parent-company small{color:#8896a8;font-size:9px;font-weight:500}.mc-organization-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 19px 18px}.mc-organization-unit{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;background:#fbfcfe;border:1px solid #e2e9f2;border-radius:10px;color:#263a55;text-decoration:none}.mc-organization-unit:hover{background:#f7faff;border-color:#cad9ec}.mc-organization-unit-avatar{display:grid;place-items:center;width:37px;height:37px;background:#edf4ff;border-radius:10px;color:#3478e5;font-size:11px;font-weight:800}.mc-organization-unit strong,.mc-organization-unit small{display:block}.mc-organization-unit small{margin-top:3px;color:#8896a8;font-size:9px}.mc-organization-unit b{padding:5px 7px;background:#edf4ff;border-radius:7px;color:#3478e5;font-size:8px}.mc-organization-unit b.is-inactive{background:#f1f3f6;color:#788596}.mc-organization-totals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:16px 0;overflow:hidden;background:#fff;border:1px solid #dce5f0;border-radius:14px;box-shadow:0 6px 20px rgba(25,48,82,.05)}.mc-organization-totals>div{padding:14px 16px;border-right:1px solid #e7edf4}.mc-organization-totals>div:last-child{border-right:0}.mc-organization-totals span,.mc-organization-totals strong{display:block}.mc-organization-totals span{color:#7b899d;font-size:9px;font-weight:700}.mc-organization-totals strong{margin-top:5px;color:#1f334f;font-size:15px}.mc-company-identity small{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:950px){.mc-organization-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-organization-totals>div{border-bottom:1px solid #e7edf4}.mc-organization-totals>div:nth-child(2n){border-right:0}.mc-organization-units{grid-template-columns:1fr}}
@media(max-width:650px){.mc-organization-card-header{align-items:flex-start;flex-direction:column}.mc-parent-company{grid-template-columns:1fr}.mc-parent-company>a{flex-direction:column}.mc-organization-totals{grid-template-columns:1fr}.mc-organization-totals>div{border-right:0}}
/* Companies empty state: one clear action in the header */
.mc-companies-empty p{max-width:520px;margin-bottom:0;line-height:1.65}
.mc-add-company-button.add-button{display:flex;align-items:center;gap:8px;height:42px;padding:0 17px}

/* =========================================================
   CONTACTS — DASHBOARD QUALITY
   ========================================================= */
.mc-contacts-page{--ct-ink:#172842;--ct-text:#53657f;--ct-muted:#8391a5;--ct-line:#dfe7f1;max-width:1540px;margin:0 auto;padding:31px 34px 58px;color:var(--ct-ink)}.mc-contacts-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px}.mc-contacts-kicker{display:block;margin-bottom:7px;color:#4f8370;font-size:11px;font-weight:800;letter-spacing:.12em}.mc-contacts-header h1{margin:0;font-size:34px;line-height:1.12;letter-spacing:-.035em}.mc-contacts-header p{margin:9px 0 0;color:var(--ct-text);font-size:14px}.mc-contacts-header-actions{display:flex;align-items:center;gap:11px}.mc-contact-count{padding:11px 14px;background:#fff;border:1px solid var(--ct-line);border-radius:10px;color:#7c8ba0;font-size:11px;box-shadow:0 3px 11px rgba(25,48,82,.035)}.mc-contact-count strong{margin-right:4px;color:#1c9867;font-size:15px}.mc-add-contact-button.add-button{display:flex;align-items:center;gap:8px;height:42px;padding:0 17px}.mc-add-contact-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.mc-contact-form-card{margin-bottom:22px;overflow:hidden;background:#fff;border:1px solid #dce5f0;border-radius:15px;box-shadow:0 8px 25px rgba(25,48,82,.065)}.mc-contact-form-card[hidden]{display:none!important}.mc-contact-form-header{display:grid;grid-template-columns:46px minmax(0,1fr) 34px;align-items:center;gap:14px;padding:19px 22px;background:linear-gradient(105deg,#f1fbf7,#fff 67%);border-bottom:1px solid #e3eee9}.mc-contact-form-icon{display:grid;place-items:center;width:42px;height:42px;background:#e9f8f1;border-radius:11px;color:#1d9b69}.mc-contact-form-icon svg,.mc-contacts-card-title svg,.mc-contacts-empty svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mc-contact-form-header span{color:#4e856e;font-size:9px;font-weight:800;letter-spacing:.11em}.mc-contact-form-header h2{margin:3px 0 0;font-size:17px}.mc-contact-form-header p{margin:4px 0 0;color:#7f8d87;font-size:10px}.mc-contact-form-close{display:grid;place-items:center;width:32px;height:32px;padding:0;background:#fff;border:1px solid #dce5ef;border-radius:9px;color:#75869d;font-size:21px;cursor:pointer}.mc-contact-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:21px 22px 23px}.mc-contact-form-grid .full-width{grid-column:1/-1}.mc-contact-form-grid .form-group{margin:0}.mc-contact-form-grid label{display:block;margin-bottom:6px;color:#52637b;font-size:10px;font-weight:750}.mc-contact-form-grid input,.mc-contact-form-grid select,.mc-contact-form-grid textarea{width:100%;min-height:42px;padding:9px 11px;background:#fbfcfe;border:1px solid #d5dfeb;border-radius:9px;color:#283950;font:inherit;font-size:11px;outline:0}.mc-contact-form-grid textarea{min-height:75px;resize:vertical}.mc-contact-form-grid input:focus,.mc-contact-form-grid select:focus,.mc-contact-form-grid textarea:focus{background:#fff;border-color:#65a88c;box-shadow:0 0 0 3px rgba(32,166,109,.09)}.mc-contact-form-grid .form-group>small{display:block;margin-top:5px;color:#929dac;font-size:8px}.mc-contact-form-actions{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px;background:#fafbfd;border-top:1px solid #edf1f6}.mc-contact-cancel-button,.mc-contact-save-button{height:39px;padding:0 15px;border-radius:9px;font-weight:750;cursor:pointer}.mc-contact-cancel-button{background:#fff;border:1px solid #d9e2ed;color:#62738b}.mc-contact-save-button span{margin-left:8px}
.mc-contacts-card{overflow:hidden;background:#fff;border:1px solid var(--ct-line);border-radius:15px;box-shadow:0 6px 20px rgba(25,48,82,.05)}.mc-contacts-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid #e7edf4}.mc-contacts-card-title{display:flex;align-items:center;gap:12px}.mc-contacts-card-title>span{display:grid;place-items:center;width:38px;height:38px;background:#e9f8f1;border-radius:10px;color:#1d9b69}.mc-contacts-card-title h2{margin:0;font-size:14px}.mc-contacts-card-title p{margin:3px 0 0;color:#8794a6;font-size:9px}.mc-contacts-card-header>b{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;background:#e9f8f1;border-radius:8px;color:#1d9565;font-size:11px}.mc-contacts-table-wrap{overflow-x:auto}.mc-contacts-table{width:100%;min-width:900px;border-collapse:collapse;background:#fff}.mc-contacts-table th{padding:11px 15px;background:#f8fafd;border-bottom:1px solid #e4eaf2;color:#77879c;text-align:left;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mc-contacts-table th:last-child{text-align:right}.mc-contacts-table td{padding:13px 15px;border-bottom:1px solid #edf1f5;color:#4c5e76;font-size:10px;vertical-align:middle}.mc-contacts-table tbody tr:last-child td{border-bottom:0}.mc-contacts-table tbody tr:hover{background:#fbfcff}.mc-contact-identity{display:flex;align-items:center;gap:11px}.mc-contact-identity>span{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;background:#e9f8f1;border-radius:10px;color:#1d9565;font-size:11px;font-weight:800}.mc-contact-identity strong,.mc-contact-identity small,.mc-contact-details span,.mc-contact-details small{display:block}.mc-contact-identity strong{color:var(--ct-ink);font-size:11px}.mc-contact-identity small,.mc-contact-details small{margin-top:3px;color:#8a98aa;font-size:9px}.mc-contact-company{color:#3470bd;font-weight:700;text-decoration:none}.mc-contact-company:hover{text-decoration:underline}.mc-contact-details span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-contact-muted{color:#a0aab8!important;font-weight:500!important}.mc-contact-role{display:inline-flex;padding:5px 8px;background:#f1f4f8;border-radius:7px;color:#5e7089;font-size:9px;font-weight:700}.mc-contact-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.mc-contact-actions form{margin:0}.mc-contact-edit,.mc-contact-delete{display:inline-flex;align-items:center;justify-content:center;height:29px;padding:0 9px;border-radius:7px;font-size:9px;font-weight:750;text-decoration:none}.mc-contact-edit{background:#fff;border:1px solid #d8e1ec;color:#586c86}.mc-contact-delete{cursor:pointer}.mc-contacts-empty{display:flex;align-items:center;flex-direction:column;margin-top:74px;text-align:center}.mc-contacts-empty>span{display:grid;place-items:center;width:64px;height:64px;margin-bottom:16px;background:#e9f8f1;border-radius:18px;color:#1d9b69}.mc-contacts-empty.needs-company>span{background:#eaf2ff;color:#3478e5}.mc-contacts-empty h2{margin:0;font-size:19px}.mc-contacts-empty p{max-width:530px;margin:8px 0 0;color:#7d8da3;font-size:11px;line-height:1.65}.mc-contacts-empty>a{display:inline-flex;align-items:center;gap:8px;margin-top:17px;text-decoration:none}.mc-contacts-empty>a span{margin-left:5px}
@media(max-width:900px){.mc-contact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.mc-contacts-page{padding:22px 15px 42px}.mc-contacts-header{align-items:flex-start;flex-direction:column}.mc-contacts-header-actions{width:100%}.mc-contact-count{flex:1}.mc-add-contact-button{justify-content:center}.mc-contact-form-grid{grid-template-columns:1fr}.mc-contact-form-grid .full-width{grid-column:auto}.mc-contact-form-header{grid-template-columns:42px minmax(0,1fr) 32px}}

/* =========================================================
   ACTIVITIES — VISUAL LAYER ONLY
   ========================================================= */
.mc-activities-header{position:relative;align-items:flex-end;max-width:1540px;margin:0 auto 23px;padding:52px 34px 0}
.mc-activities-header::before{content:"CUSTOMER HISTORY";position:absolute;top:31px;left:34px;color:#6c5aa9;font-size:11px;font-weight:800;letter-spacing:.12em}
.mc-activities-header h1{margin:0;color:#172842;font-size:34px;line-height:1.12;letter-spacing:-.035em}
.mc-activities-header p{margin:9px 0 0;color:#53657f;font-size:14px}
.mc-activities-scope{display:flex;align-items:center;gap:0!important;padding:4px;background:#fff;border:1px solid #dfe7f1;border-radius:11px;box-shadow:0 3px 11px rgba(25,48,82,.035)}
.mc-activities-scope .secondary-button{display:inline-flex;align-items:center;justify-content:center;min-width:102px;height:34px;padding:0 13px;background:transparent;border:0;border-radius:8px;box-shadow:none;color:#687991;font-size:10px;font-weight:750;text-decoration:none}
.mc-activities-scope .secondary-button:hover{background:#f7f8fc;color:#3f5572}
.mc-activities-scope .secondary-button.active{background:#f1edff;color:#6854c4;box-shadow:inset 0 0 0 1px #e0dcfa}
.mc-activities-table{width:calc(100% - 68px);max-width:1472px;min-width:1080px;margin:0 auto;background:#fff;border:1px solid #dfe7f1;border-collapse:separate;border-spacing:0;border-radius:15px;box-shadow:0 6px 20px rgba(25,48,82,.05);overflow:hidden}
.mc-activities-table thead th{padding:12px 14px;background:#f8fafd;border-bottom:1px solid #e4eaf2;color:#77879c;text-align:left;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.mc-activities-table thead th:first-child{padding-left:20px}.mc-activities-table thead th:last-child{padding-right:20px;text-align:right}
.mc-activities-table tbody td{padding:14px;border-bottom:1px solid #edf1f5;color:#4c5e76;font-size:10px;line-height:1.45;vertical-align:middle}
.mc-activities-table tbody td:first-child{padding-left:20px;color:#718198;white-space:nowrap}.mc-activities-table tbody td:last-child{padding-right:20px}
.mc-activities-table tbody tr:last-child td{border-bottom:0}.mc-activities-table tbody tr:hover{background:#fbfcff}
.mc-activities-table .company-link{color:#3470bd;font-weight:750;text-decoration:none}.mc-activities-table .company-link:hover{text-decoration:underline}
.mc-activities-table td:nth-child(4){color:#6d56c8;font-weight:750}.mc-activities-table td:nth-child(5){color:#2d405a;font-weight:700}.mc-activities-table td:nth-child(6){max-width:260px;color:#6d7d93}
.mc-activities-table .actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.mc-activities-table .actions form{margin:0}
.mc-activities-table .edit-button,.mc-activities-table .delete-button{display:inline-flex;align-items:center;justify-content:center;height:29px;padding:0 9px;border-radius:7px;font-size:9px;font-weight:750;text-decoration:none}
.mc-activities-table .edit-button{background:#fff;border:1px solid #d8e1ec;color:#586c86}.mc-activities-table .delete-button{background:#fff;border:1px solid #f0d7d5;color:#bf5149}.mc-activities-table .delete-button:hover{background:#fff2f1}
.mc-activities-empty{position:relative;display:flex;min-height:255px;width:calc(100% - 68px);max-width:1472px;align-items:center;justify-content:center;margin:0 auto;padding-top:66px;background:#fff;border:1px solid #dfe7f1;border-radius:15px;box-shadow:0 6px 20px rgba(25,48,82,.04);color:#7d8da3;font-size:11px;text-align:center}
.mc-activities-empty::before{content:"";position:absolute;top:76px;width:62px;height:62px;background-color:#f1edff;border-radius:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23715bd0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8M9 3v3h6V3'/%3E%3Crect x='5' y='5' width='14' height='16' rx='2'/%3E%3Cpath d='M8.5 11h7M8.5 15h5'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:25px}
@media(max-width:700px){.mc-activities-header{align-items:flex-start;flex-direction:column;padding:48px 15px 0}.mc-activities-header::before{top:25px;left:15px}.mc-activities-scope{width:100%}.mc-activities-scope .secondary-button{flex:1}.mc-activities-table,.mc-activities-empty{width:calc(100% - 30px)}.mc-activities-empty{min-height:230px}}

/* =========================================================
   OPPORTUNITIES — VISUAL LAYER ONLY
   ========================================================= */
.mc-opportunities-header{position:relative;align-items:flex-end;max-width:1540px;margin:0 auto 23px;padding:52px 34px 0}
.mc-opportunities-header::before{content:"SALES PIPELINE";position:absolute;top:31px;left:34px;color:#7a61c9;font-size:11px;font-weight:800;letter-spacing:.12em}
.mc-opportunities-header h1{margin:0;color:#172842;font-size:34px;line-height:1.12;letter-spacing:-.035em}
.mc-opportunities-header h1::after{content:"Turn customer interest into clear, actionable next steps.";display:block;margin-top:9px;color:#53657f;font-size:14px;font-weight:400;letter-spacing:0}
.mc-opportunity-add.add-button{display:inline-flex;align-items:center;gap:8px;height:42px;margin-right:34px;padding:0 17px;background:#2471e8;border:1px solid #2471e8;border-radius:10px;color:#fff;font-size:11px;font-weight:750;box-shadow:0 7px 17px rgba(36,113,232,.2)}
.mc-opportunity-add.add-button:hover{background:#185fcb;border-color:#185fcb}
.mc-opportunity-form{max-width:1472px;margin:0 auto 23px;padding:0;overflow:hidden;background:#fff;border:1px solid #dfe7f1;border-radius:15px;box-shadow:0 8px 25px rgba(25,48,82,.06)}
.mc-opportunity-form>h3{position:relative;margin:0;padding:21px 22px 18px 76px;background:linear-gradient(105deg,#f4f1ff,#fff 67%);border-bottom:1px solid #e7edf4;color:#172842;font-size:17px}
.mc-opportunity-form>h3::before{content:"";position:absolute;top:15px;left:22px;width:40px;height:40px;background:#f0ecff;border-radius:11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23715bd0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V9M10 19V5M16 19v-7M22 19H2'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:21px}
.mc-opportunity-form>form{padding:0 22px 22px}.mc-opportunity-form .form-section-title{margin:0 -22px 16px;padding:17px 22px 10px;border-top:1px solid #edf1f6;color:#61748e;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.mc-opportunity-form>form>.form-section-title:first-of-type{border-top:0}
.mc-opportunity-form .form-grid,.mc-opportunity-form .form-grid-three{gap:15px}.mc-opportunity-form .form-group label{margin-bottom:6px;color:#52637b;font-size:10px;font-weight:750}.mc-opportunity-form input,.mc-opportunity-form select,.mc-opportunity-form textarea{background:#fbfcfe;border:1px solid #d5dfeb;border-radius:9px;color:#283950;font-size:11px;outline:0}.mc-opportunity-form input:focus,.mc-opportunity-form select:focus,.mc-opportunity-form textarea:focus{background:#fff;border-color:#8f7add;box-shadow:0 0 0 3px rgba(113,91,208,.09)}
.mc-opportunity-form .items-wrapper{overflow:hidden;border:1px solid #e0e7f0;border-radius:11px}.mc-opportunity-form .items-header{padding:10px 12px;background:#f8fafd;border-bottom:1px solid #e5ebf2;color:#78879b;font-size:9px;font-weight:800;text-transform:uppercase}.mc-opportunity-form .item-row{padding:11px 12px;border-bottom:1px solid #edf1f5}.mc-opportunity-form .item-row:last-child{border-bottom:0}.mc-opportunity-form .line-total{color:#324760;font-size:10px;font-weight:750}
.mc-opportunity-form .items-footer{align-items:center;margin-top:12px}.mc-opportunity-form .add-item-button{height:34px;padding:0 12px;background:#fff;border:1px solid #d8e1ec;border-radius:8px;color:#5a6d87;font-size:9px;font-weight:750}.mc-opportunity-form .opportunity-total-box{padding:10px 14px;background:#f4f1ff;border:1px solid #e3ddfa;border-radius:9px}.mc-opportunity-form .opportunity-total-label{color:#716590;font-size:9px}.mc-opportunity-form .opportunity-total-value{color:#624bbb;font-size:15px;font-weight:800}
.mc-opportunity-form .next-action-box{padding:15px;background:#f8faff;border:1px solid #e0e8f2;border-radius:11px}.mc-opportunity-form .next-action-info{margin:0 0 13px;color:#687b94;font-size:10px;line-height:1.55}.mc-opportunity-form .helper-text{color:#8b98aa;font-size:8px}.mc-opportunity-form .form-actions{margin:20px -22px -22px;padding:15px 22px;background:#fafbfd;border-top:1px solid #edf1f6}.mc-opportunity-form .save-button{height:39px;padding:0 15px;background:#2471e8;border:1px solid #2471e8;border-radius:9px;color:#fff;font-size:10px;font-weight:750;box-shadow:0 5px 13px rgba(36,113,232,.17)}
.opportunities-table{width:calc(100% - 68px);max-width:1472px;min-width:980px;margin:0 auto;background:#fff;border:1px solid #dfe7f1;border-collapse:separate;border-spacing:0;border-radius:15px;box-shadow:0 6px 20px rgba(25,48,82,.05);overflow:hidden}.opportunities-table th{padding:12px 14px;background:#f8fafd;border-bottom:1px solid #e4eaf2;color:#77879c;text-align:left;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.opportunities-table th:first-child{padding-left:20px}.opportunities-table th:last-child{padding-right:20px;text-align:right}.opportunities-table td{padding:14px;border-bottom:1px solid #edf1f5;color:#4c5e76;font-size:10px;vertical-align:middle}.opportunities-table td:first-child{padding-left:20px;color:#8996a7}.opportunities-table td:last-child{padding-right:20px}.opportunities-table tbody tr:last-child td{border-bottom:0}.opportunities-table tbody tr:hover{background:#fbfcff}.opportunities-table .opportunity-name{color:#172842;font-size:11px;font-weight:750}.opportunities-table .product-summary{margin-top:3px;color:#8a98aa;font-size:9px}.opportunities-table .company-link{color:#3470bd;font-weight:750;text-decoration:none}.opportunities-table .value-cell{color:#263d5c;font-weight:800}.opportunities-table .stage-badge{display:inline-flex;padding:5px 8px;background:#f1edff;border-radius:7px;color:#6d56c8;font-size:9px;font-weight:750}.opportunities-table .actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.opportunities-table .actions form{margin:0}.opportunities-table .edit-button,.opportunities-table .delete-button{display:inline-flex;align-items:center;justify-content:center;height:29px;padding:0 9px;border-radius:7px;font-size:9px;font-weight:750;text-decoration:none}.opportunities-table .edit-button{background:#fff;border:1px solid #d8e1ec;color:#586c86}.opportunities-table .delete-button{background:#fff;border:1px solid #f0d7d5;color:#bf5149}.opportunities-table .delete-button:hover{background:#fff2f1}
.mc-opportunities-empty{position:relative;display:flex;min-height:255px;width:calc(100% - 68px);max-width:1472px;align-items:center;justify-content:center;margin:0 auto;padding-top:66px;background:#fff;border:1px solid #dfe7f1;border-radius:15px;box-shadow:0 6px 20px rgba(25,48,82,.04);color:#7d8da3;font-size:11px;text-align:center}.mc-opportunities-empty::before{content:"";position:absolute;top:76px;width:62px;height:62px;background:#f1edff;border-radius:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23715bd0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V9M10 19V5M16 19v-7M22 19H2'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:25px}
@media(max-width:700px){.mc-opportunities-header{align-items:flex-start;flex-direction:column;padding:48px 15px 0}.mc-opportunities-header::before{top:25px;left:15px}.mc-opportunity-add.add-button{width:100%;justify-content:center}.mc-opportunity-form{margin:0 15px 20px}.mc-opportunity-form>form{padding-right:15px;padding-left:15px}.mc-opportunity-form .form-section-title{margin-right:-15px;margin-left:-15px;padding-right:15px;padding-left:15px}.opportunities-table,.mc-opportunities-empty{width:calc(100% - 30px)}.mc-opportunities-empty{min-height:230px}}

/* =========================================================
   SALES PIPELINE — VISUAL LAYER ONLY
   ========================================================= */
.mc-pipeline-header{position:relative;max-width:1540px;margin:0 auto 23px;padding:52px 34px 0}
.mc-pipeline-header::before{content:"SALES WORKSPACE";position:absolute;top:31px;left:34px;color:#55739d;font-size:11px;font-weight:800;letter-spacing:.12em}
.mc-pipeline-header h1{margin:0;color:#172842;font-size:34px;line-height:1.12;letter-spacing:-.035em}
.mc-pipeline-header h1::after{content:"See every active deal, its momentum and what is moving toward revenue.";display:block;max-width:760px;margin-top:9px;color:#53657f;font-size:14px;font-weight:400;letter-spacing:0}
.mc-pipeline-kpis{display:grid;max-width:1472px;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 auto 24px}
.mc-pipeline-kpis .kpi-card{position:relative;min-height:116px;padding:20px 20px 18px 68px!important;background:#fff;border:1px solid #dfe7f1;border-radius:14px;box-shadow:0 5px 17px rgba(25,48,82,.045)}
.mc-pipeline-kpis .kpi-card::before{content:"";position:absolute;top:20px;left:19px;width:36px;height:36px;background:#eaf2ff;border-radius:10px;background-position:center;background-repeat:no-repeat;background-size:18px}
.mc-pipeline-kpis .kpi-card:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233478e5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V9M10 19V5M16 19v-7M22 19H2'/%3E%3C/svg%3E")}
.mc-pipeline-kpis .kpi-card:nth-child(2)::before{background-color:#f1edff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23715bd0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17l5-5 4 3 7-8'/%3E%3Cpath d='M15 7h5v5'/%3E%3C/svg%3E")}
.mc-pipeline-kpis .kpi-card:nth-child(3)::before{background-color:#e9f8f1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d9b69' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
.mc-pipeline-kpis .kpi-card:nth-child(4)::before{background-color:#fff1ef;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c95750' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")}
.mc-pipeline-kpis .kpi-card h3{margin:1px 0 9px;color:#667890;font-size:10px;font-weight:750}.mc-pipeline-kpis .kpi-value{color:#172842;font-size:23px;font-weight:800;letter-spacing:-.025em}
.mc-pipeline-board{display:grid;max-width:1472px;grid-template-columns:repeat(4,minmax(230px,1fr));gap:15px;margin:0 auto;align-items:start;overflow-x:auto;padding-bottom:8px}
.mc-pipeline-board .column{--stage:#3478e5;--stage-soft:#eaf2ff;position:relative;min-height:410px;padding:15px;background:#f5f8fc;border:1px solid #dce5ef;border-radius:14px}
.mc-pipeline-board .column:nth-child(2){--stage:#1d9b69;--stage-soft:#e9f8f1}.mc-pipeline-board .column:nth-child(3){--stage:#715bd0;--stage-soft:#f1edff}.mc-pipeline-board .column:nth-child(4){--stage:#e58e1f;--stage-soft:#fff3e2}
.mc-pipeline-board .column::before{content:"";position:absolute;top:0;right:15px;left:15px;height:3px;background:var(--stage);border-radius:0 0 3px 3px;opacity:.9}
.mc-pipeline-board .column-header{display:flex;align-items:center;justify-content:space-between;min-height:40px;margin-bottom:11px;padding:2px 1px 0}.mc-pipeline-board .column-header h2{margin:0;color:#263a55;font-size:14px;letter-spacing:-.015em}.mc-pipeline-board .count{display:grid;min-width:27px;height:27px;place-items:center;padding:0 7px;background:var(--stage-soft);border-radius:8px;color:var(--stage);font-size:10px;font-weight:800}
.mc-pipeline-board .opportunity-card{margin-bottom:10px;padding:16px;background:#fff;border:1px solid #e0e7f0;border-radius:12px;box-shadow:0 5px 14px rgba(27,52,86,.055);transition:transform .15s ease,box-shadow .15s ease}.mc-pipeline-board .opportunity-card:hover{transform:translateY(-1px);box-shadow:0 8px 19px rgba(27,52,86,.08)}
.mc-pipeline-board .opportunity-card h3{margin:0 0 5px;color:#172842;font-size:13px;line-height:1.35}.mc-pipeline-board .company{margin-bottom:13px;color:#6e8098;font-size:10px}.mc-pipeline-board .value{margin-bottom:9px;color:#2e425e;font-size:11px;font-weight:800}.mc-pipeline-board .probability{position:relative;margin-bottom:10px;padding:6px 9px;background:var(--stage-soft);border:0;border-radius:7px;color:var(--stage);font-size:9px;font-weight:750}.mc-pipeline-board .close-date{color:#76869c;font-size:9px;line-height:1.45}.mc-pipeline-board .opportunity-card .actions{display:flex;margin-top:14px;padding-top:12px;border-top:1px solid #edf1f5}.mc-pipeline-board .edit-button{background:#fff;border:1px solid #d8e1ec;color:#586c86;}.mc-pipeline-board .edit-button:hover{background:var(--stage-soft);border-color:transparent;color:var(--stage)}
.mc-pipeline-board .empty{display:flex;min-height:115px;align-items:center;justify-content:center;padding:20px;border:1px dashed #d5dfeb;border-radius:11px;color:#93a0b1;font-size:10px;text-align:center}
@media(max-width:1050px){.mc-pipeline-kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin-right:34px;margin-left:34px}.mc-pipeline-board{grid-template-columns:repeat(4,minmax(250px,1fr));margin-right:34px;margin-left:34px}}
@media(max-width:700px){.mc-pipeline-header{padding:48px 15px 0}.mc-pipeline-header::before{top:25px;left:15px}.mc-pipeline-kpis{grid-template-columns:1fr;margin-right:15px;margin-left:15px}.mc-pipeline-board{margin-right:15px;margin-left:15px}.mc-pipeline-kpis .kpi-card{min-height:100px}.mc-pipeline-board .column{min-height:360px}}

/* =========================================================
   TASKS / FOLLOW-UPS — CSS-ONLY VISUAL LAYER
   ========================================================= */
.tasks-container{max-width:1540px;margin:0 auto;padding:31px 34px 58px;color:#172842}
.tasks-container>.page-header{position:relative;align-items:flex-end;margin:0 0 24px;padding-top:21px}
.tasks-container>.page-header::before{content:"DAILY FOLLOW-UPS";position:absolute;top:0;left:0;color:#507b72;font-size:11px;font-weight:800;letter-spacing:.12em}
.tasks-container>.page-header h1{margin:0;color:#172842;font-size:34px;line-height:1.12;letter-spacing:-.035em}
.tasks-container>.page-header .section-description{margin-top:9px;color:#53657f;font-size:14px}
.tasks-container>.page-header .add-button{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 17px;background:#2471e8;border:1px solid #2471e8;border-radius:10px;color:#fff;font-size:11px;font-weight:750;box-shadow:0 7px 17px rgba(36,113,232,.2)}
.tasks-container>.page-header .add-button:hover{background:#185fcb;border-color:#185fcb}
.tasks-container>#task-form{margin:0 0 24px;padding:0!important;overflow:hidden;background:#fff;border:1px solid #dfe7f1!important;border-radius:15px!important;box-shadow:0 8px 25px rgba(25,48,82,.06)!important}
.tasks-container>#task-form>h3{position:relative;margin:0;padding:21px 22px 18px 76px;background:linear-gradient(105deg,#f1fbf7,#fff 67%);border-bottom:1px solid #e5eee9;color:#172842;font-size:17px}
.tasks-container>#task-form>h3::before{content:"";position:absolute;top:15px;left:22px;width:40px;height:40px;background:#e9f8f1;border-radius:11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d9b69' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:21px}
.tasks-container>#task-form>form{padding:21px 22px 0}.tasks-container>#task-form .form-grid{gap:15px}.tasks-container>#task-form .form-group label{margin-bottom:6px;color:#52637b;font-size:10px;font-weight:750}.tasks-container>#task-form input,.tasks-container>#task-form select,.tasks-container>#task-form textarea{background:#fbfcfe;border:1px solid #d5dfeb;border-radius:9px;color:#283950;font-size:11px;outline:0}.tasks-container>#task-form input:focus,.tasks-container>#task-form select:focus,.tasks-container>#task-form textarea:focus{background:#fff;border-color:#65a88c;box-shadow:0 0 0 3px rgba(32,166,109,.09)}.tasks-container>#task-form .helper-text{margin-top:5px;color:#8b98aa;font-size:8px;line-height:1.45}.tasks-container>#task-form .form-actions{margin:20px -22px 0;padding:15px 22px;background:#fafbfd;border-top:1px solid #edf1f6}.tasks-container>#task-form .save-button{height:39px;padding:0 15px;background:#2471e8;border:1px solid #2471e8;border-radius:9px;color:#fff;font-size:10px;font-weight:750;box-shadow:0 5px 13px rgba(36,113,232,.17)}
.tasks-container .task-section,.tasks-container .history-section{margin:0 0 18px;padding:0;background:#fff;border:1px solid #dfe7f1;border-radius:15px;box-shadow:0 6px 20px rgba(25,48,82,.045);overflow:hidden}
.tasks-container .section-header{display:flex;align-items:center;justify-content:space-between;min-height:70px;margin:0;padding:14px 18px;border-bottom:1px solid #e7edf4}
.tasks-container .section-header>div{position:relative;padding-left:50px}.tasks-container .section-header>div::before{content:"";position:absolute;top:50%;left:0;width:38px;height:38px;transform:translateY(-50%);background:#eaf2ff;border-radius:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233478e5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:19px}
.tasks-container .history-section .section-header>div::before{background-color:#e9f8f1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d9b69' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5M12 7v5l3 2'/%3E%3C/svg%3E")}
.tasks-container .section-title{margin:0;color:#263a55;font-size:14px;letter-spacing:-.015em}.tasks-container .section-header .section-description{margin-top:3px;color:#8794a6;font-size:9px}.tasks-container .section-count{display:grid;min-width:28px;height:28px;place-items:center;padding:0 8px;background:#edf4ff;border-radius:8px;color:#3478e5;font-size:11px;font-weight:800}.tasks-container .history-section .section-count{background:#e9f8f1;color:#1d9565}
.tasks-container .task-table-wrapper{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow-x:auto}.tasks-container .task-table{width:100%;min-width:1180px;border-collapse:collapse;background:#fff}.tasks-container .task-table th{padding:11px 14px;background:#f8fafd;border-bottom:1px solid #e4eaf2;color:#77879c;text-align:left;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.tasks-container .task-table th:first-child{padding-left:19px}.tasks-container .task-table th:last-child{padding-right:19px;text-align:right}.tasks-container .task-table td{padding:13px 14px;border-bottom:1px solid #edf1f5;color:#4c5e76;font-size:10px;line-height:1.45;vertical-align:middle}.tasks-container .task-table td:first-child{padding-left:19px}.tasks-container .task-table td:last-child{padding-right:19px}.tasks-container .task-table tbody tr:last-child td{border-bottom:0}.tasks-container .task-table tbody tr:hover{background:#fbfcff}.tasks-container .task-title{color:#172842!important;font-size:11px!important;font-weight:750!important}.tasks-container .company-link{color:#3470bd;font-weight:750;text-decoration:none}.tasks-container .company-link:hover{text-decoration:underline}
.tasks-container .priority-badge,.tasks-container .status-badge{display:inline-flex;padding:5px 8px;border:0!important;border-radius:7px;font-size:9px;font-weight:750;white-space:nowrap}.tasks-container .priority-high{background:#fff0ee!important;color:#c5534c!important}.tasks-container .priority-normal{background:#edf4ff!important;color:#3478e5!important}.tasks-container .priority-low{background:#f1f3f6!important;color:#748196!important}.tasks-container .status-progress{background:#fff3e2!important;color:#c57818!important}.tasks-container .status-open{background:#f1edff!important;color:#6d56c8!important}.tasks-container .status-completed{background:#e9f8f1!important;color:#18875a!important}
.tasks-container .task-table .actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.tasks-container .task-table .actions form{margin:0}.tasks-container .task-table .edit-button,.tasks-container .task-table .delete-button{display:inline-flex;align-items:center;justify-content:center;height:29px;padding:0 9px;border-radius:7px;font-size:9px;font-weight:750;text-decoration:none}.tasks-container .task-table .edit-button{background:#fff;border:1px solid #d8e1ec;color:#586c86}.tasks-container .task-table .delete-button{background:#fff;border:1px solid #f0d7d5;color:#bf5149}.tasks-container .task-table .delete-button:hover{background:#fff2f1}.tasks-container .completed-row{background:#fbfcfd}.tasks-container .completed-row td{color:#8190a3}
.tasks-container .empty-state{display:flex;min-height:135px;align-items:center;justify-content:center;margin:0!important;padding:45px 20px 18px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#8492a6;font-size:10px;text-align:center}.tasks-container .task-section>.empty-state{position:relative}.tasks-container .task-section>.empty-state::before{content:"✓";position:absolute;top:20px;display:grid;width:28px;height:28px;place-items:center;background:#e9f8f1;border-radius:50%;color:#1d9b69;font-size:13px;font-weight:800}
.tasks-container .history-toggle{display:inline-flex;align-items:center;justify-content:center;height:34px;margin:14px 20px 6px!important;padding:0 13px;background:#fff;border:1px solid #d8e1ec;border-radius:8px;color:#5c6f88;font-size:9px;font-weight:750}.tasks-container .history-toggle:hover{background:#f8fafc;border-color:#c9d5e3}.tasks-container .history-content{border-top:1px solid #edf1f5}
.tasks-container .history-section::after{content:"Completed tasks stay available as customer history.";display:block;padding:0 20px 15px;color:#8a98aa;font-size:9px;line-height:1.45;text-align:left}
.tasks-container .history-section:has(.history-content:not([hidden]))::after{padding-top:13px;border-top:1px solid #edf1f5}
@media(max-width:700px){.tasks-container{padding:25px 15px 42px}.tasks-container>.page-header{align-items:flex-start;flex-direction:column}.tasks-container>.page-header .add-button{width:100%;justify-content:center}.tasks-container>#task-form>form{padding-right:15px;padding-left:15px}.tasks-container>#task-form .form-actions{margin-right:-15px;margin-left:-15px;padding-right:15px;padding-left:15px}.tasks-container .section-header{align-items:flex-start}.tasks-container .section-header>div{padding-left:46px}}

/* =========================================================
   CRM SETTINGS — COMPACT DASHBOARD-QUALITY UX
   ========================================================= */
.settings-container{max-width:1540px;margin:0 auto;padding:31px 34px 58px;color:#172842}
.settings-container>.page-header{position:relative;margin:0 0 23px;padding-top:21px}.settings-container>.page-header::before{content:"WORKSPACE ADMINISTRATION";position:absolute;top:0;left:0;color:#55739d;font-size:11px;font-weight:800;letter-spacing:.12em}.settings-container>.page-header h1{margin:0;color:#172842;font-size:34px;line-height:1.12;letter-spacing:-.035em}.settings-container>.page-header p{margin:9px 0 0;color:#53657f;font-size:14px}
.settings-container>.success-box,.settings-container>.error-box{margin:0 0 16px;padding:11px 14px;border-radius:10px;font-size:10px;font-weight:700}.settings-container>.success-box{background:#e9f8f1;border:1px solid #cdeedf;color:#18875a}.settings-container>.error-box{background:#fff0ee;border:1px solid #f4d7d3;color:#b84c45}
.settings-container .settings-card{margin:0!important;padding:19px!important;background:#fff!important;border:1px solid #dfe7f1!important;border-radius:15px!important;box-shadow:0 6px 20px rgba(25,48,82,.045)!important}
.settings-container>.identity-settings-card{margin-bottom:16px!important;padding:18px!important}.settings-container .settings-section-heading h2{position:relative;min-height:38px;margin:0 0 4px;padding:9px 0 0 49px;color:#263a55;font-size:14px;letter-spacing:-.015em}.settings-container .settings-section-heading h2::before{content:"";position:absolute;top:0;left:0;width:38px;height:38px;background:#eaf2ff;border-radius:10px;background-position:center;background-repeat:no-repeat;background-size:19px}.settings-container>form>.settings-card>h2{display:flex;min-height:38px;align-items:center;gap:11px;margin:0 0 4px;color:#263a55;font-size:14px;letter-spacing:-.015em}
.settings-container .settings-section-heading h2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233478e5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.5 3.5L19 7l-1 4 2 3.5-3.8 1.4L15 20h-6l-1.2-4.1L4 14.5 6 11 5 7l4.5-.5L12 3Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.settings-container .settings-description{margin:0 0 15px;color:#7d8da3;font-size:10px;line-height:1.5}.settings-container .settings-section-heading .settings-description{margin-left:49px;margin-bottom:0}
.settings-container .identity-upload-grid{gap:12px;margin-top:14px}.settings-container .identity-upload-panel{grid-template-columns:64px minmax(0,1fr);gap:13px;padding:13px;background:#f9fbfd;border:1px solid #e1e8f0;border-radius:11px}.settings-container .identity-preview{width:62px;height:62px;border-radius:10px}.settings-container .identity-upload-copy h3{font-size:11px}.settings-container .identity-upload-copy p{margin:3px 0 8px;font-size:9px}.settings-container .identity-upload-copy .secondary-button{min-height:31px}.settings-container .identity-help{margin:10px 2px 0;color:#8a98aa;font-size:8.5px}
.settings-container .identity-file-control{position:relative;display:inline-flex;width:auto;min-height:31px;margin-bottom:7px;overflow:visible;background:#fff;border:1px solid #d5dfeb;border-radius:8px;cursor:pointer}
.settings-container .identity-file-control>span{display:inline-flex;min-height:31px;align-items:center;padding:0 12px;color:#526781;font-size:9px;font-weight:750}
.settings-container .identity-file-control>input[type="file"]{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}
.settings-container .identity-file-control:hover{background:#f8faff;border-color:#b9cbe1}.settings-container .identity-file-control:focus-within{border-color:#6d9ced;box-shadow:0 0 0 3px rgba(45,120,238,.09)}
.settings-container .identity-upload-panel .identity-file-control,
.settings-container .identity-upload-panel .identity-upload-actions>.secondary-button{display:inline-flex!important;width:120px!important;min-width:120px!important;max-width:120px!important;height:34px!important;min-height:34px!important;max-height:34px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 10px!important;border:1px solid #cbd8e7!important;border-radius:8px!important;background:#fff!important;color:#425a78!important;font:700 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;letter-spacing:0!important;vertical-align:top!important;box-sizing:border-box!important}
.settings-container .identity-upload-panel .identity-file-control{margin-right:8px!important}
.settings-container .identity-upload-panel .identity-file-control>span{display:inline-flex;width:100%;min-height:32px;align-items:center;justify-content:center;padding:0;color:inherit;font:inherit;text-align:center}
.settings-container .identity-upload-panel .identity-file-control:hover,
.settings-container .identity-upload-panel .identity-upload-actions>.secondary-button:hover{background:#f5f8fc!important;border-color:#9fb6d2!important;color:#294f7e!important}
.settings-container .identity-upload-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-container .identity-upload-panel .identity-upload-actions .identity-file-control{margin-right:0!important}.settings-container .identity-upload-panel .identity-upload-actions .identity-remove-button{width:78px!important;min-width:78px!important;max-width:78px!important;border-color:#ead2d0!important;color:#b64d47!important}.settings-container .identity-upload-panel .identity-upload-actions .identity-remove-button:hover{background:#fff1ef!important;border-color:#dfb7b3!important;color:#a83f39!important}
.settings-container .identity-image-fallback{width:100%;height:100%;place-items:center;background:linear-gradient(145deg,#f4f8fe,#e5eef9);color:#3478e5}.settings-container .identity-image-fallback:not([hidden]){display:grid}.settings-container .identity-image-fallback svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.settings-container .identity-image-fallback.person{border-radius:50%;background:linear-gradient(145deg,#f3f0ff,#e7e2fb);color:#715bd0}.settings-container .identity-image-fallback.person svg{width:31px;height:31px}

/* =========================================================
   USER ADMINISTRATION — CSS-ONLY DASHBOARD-QUALITY UX
   ========================================================= */
.user-header{position:relative;max-width:1540px;margin:0 auto 23px;padding:52px 34px 0}.user-header::before{content:"ACCESS MANAGEMENT";position:absolute;top:31px;left:34px;color:#6b5daf;font-size:11px;font-weight:800;letter-spacing:.12em}.user-header h1{margin:0!important;color:#172842;font-size:34px;line-height:1.12;letter-spacing:-.035em}.user-header p{margin:9px 0 0!important;color:#53657f;font-size:14px}
.user-header~.message{max-width:1472px;margin:0 auto 16px;padding:11px 14px;background:#fff0ee;border:1px solid #f4d7d3;border-radius:10px;color:#b84c45;font-size:10px;font-weight:700}
.user-header~.user-card{max-width:1472px;margin:0 auto 16px!important;padding:0!important;overflow:hidden;background:#fff!important;border:1px solid #dfe7f1!important;border-radius:15px!important;box-shadow:0 6px 20px rgba(25,48,82,.05)!important}
.user-header~.user-card>h2{position:relative;min-height:66px;margin:0!important;padding:24px 18px 17px 68px;border-bottom:1px solid #e7edf4;color:#263a55;font-size:14px;letter-spacing:-.015em}.user-header~.user-card>h2::before{content:"";position:absolute;top:14px;left:18px;width:38px;height:38px;background:#f1edff;border-radius:10px;background-position:center;background-repeat:no-repeat;background-size:19px}
.user-card:has(>form[action="/ui/users/add"])>h2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23715bd0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cpath d='M19 8v6M16 11h6'/%3E%3C/svg%3E")}.user-card:has(.user-table-wrapper)>h2::before{background-color:#eaf2ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233478e5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.user-card:has(>form[action="/ui/users/add"])>form{padding:17px 18px 19px}.user-card .user-form-grid{display:grid!important;grid-template-columns:repeat(5,minmax(130px,1fr)) 112px;gap:12px!important;align-items:end!important}.user-card .user-form-grid label{display:block;margin:0 0 6px;color:#52637b;font-size:9px;font-weight:750}.user-card .user-form-grid input,.user-card .user-form-grid select{width:100%!important;height:40px!important;min-height:40px!important;padding:0 11px!important;background:#fbfcfe!important;border:1px solid #d5dfeb!important;border-radius:9px!important;color:#283950!important;font:500 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;box-sizing:border-box!important;outline:0}.user-card .user-form-grid input:focus,.user-card .user-form-grid select:focus{background:#fff!important;border-color:#7c69cf!important;box-shadow:0 0 0 3px rgba(113,91,208,.09)!important}.user-card .user-form-grid .user-button{width:112px!important;min-width:112px!important;max-width:112px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 12px!important;background:#2471e8!important;border:1px solid #2471e8!important;border-radius:9px!important;color:#fff!important;font:750 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;box-shadow:0 5px 13px rgba(36,113,232,.18)!important}
.user-card .user-table-wrapper{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow-x:auto}.user-card .user-table{width:100%;min-width:1320px!important;border-collapse:collapse}.user-card .user-table th{padding:11px 13px;background:#f8fafd;border-bottom:1px solid #e4eaf2;color:#77879c;text-align:left;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.user-card .user-table th:first-child{padding-left:19px}.user-card .user-table td{padding:13px;border-bottom:1px solid #edf1f5;color:#4c5e76;font-size:10px;line-height:1.4;vertical-align:middle}.user-card .user-table td:first-child{padding-left:19px;color:#8996a7}.user-card .user-table tbody tr:last-child td{border-bottom:0}.user-card .user-table tbody tr:hover{background:#fbfcff}.user-card .user-table td:nth-child(2) strong{color:#172842;font-size:10px}.user-card .status-active,.user-card .status-inactive{display:inline-flex;padding:5px 8px;border-radius:7px;font-size:9px;font-weight:750;line-height:1.15}.user-card .status-active{background:#e9f8f1;color:#18875a}.user-card .status-inactive{background:#fff1ef;color:#bf5149}
.user-card .user-table td:last-child{grid-template-columns:136px 292px 136px;min-width:596px!important;padding-right:19px}.user-card .user-table td:last-child>.inline-form,.user-card .user-table td:last-child>.current-user-label{margin:0!important}.user-card .user-table td:last-child>.inline-form{display:flex!important;gap:8px!important}.user-card .user-table td:last-child>form[action$="/role"]{grid-column:2;}.user-card .user-table td:last-child>form[action$="/mfa"]{grid-column:3;grid-row:1}.user-card .user-table td:last-child>form[action$="/password"]{grid-column:2;}.user-card .user-table td:last-child>form[action$="/delete"]{grid-column:3;grid-row:2}
.user-card .user-table .small-input{width:148px!important;min-width:148px!important;max-width:148px!important;padding:0 10px!important;background:#fbfcfe!important;border:1px solid #d5dfeb!important;border-radius:8px!important;color:#34465f!important;font:500 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;box-sizing:border-box!important}.user-card .user-table .user-button,.user-card .current-user-label{display:inline-flex!important;width:136px!important;min-width:136px!important;max-width:136px!important;height:34px!important;min-height:34px!important;max-height:34px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 9px!important;border:1px solid #d5dfeb!important;border-radius:8px!important;background:#fff!important;color:#50647e!important;font:700 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;box-sizing:border-box!important;box-shadow:none!important}.user-card .user-table .user-button.secondary{background:#f8fafd!important;color:#46617f!important}.user-card .user-table .user-button.danger{background:#fff!important;border-color:#efd4d1!important;color:#b74f48!important}.user-card .user-table .user-button:hover{background:#edf4ff!important;border-color:#b9cbe1!important;color:#285f9f!important}.user-card .user-table .user-button.danger:hover{background:#fff1ef!important;border-color:#e8bbb7!important;color:#a83f39!important}.user-card .current-user-label{background:#f1f3f6!important;color:#738095!important;font-weight:650!important}
@media(max-width:1250px){.user-card .user-form-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.user-card .user-form-grid .user-button{width:100%!important;min-width:0!important;max-width:none!important}}
@media(max-width:700px){.user-header{padding:48px 15px 0}.user-header::before{top:25px;left:15px}.user-header~.message,.user-header~.user-card{margin-right:15px!important;margin-left:15px!important}.user-card .user-form-grid{grid-template-columns:1fr}.user-card .user-form-grid .user-button{width:100%!important}.user-header~.user-card>h2{padding-left:64px}}

/* User table: fit the workspace without horizontal scrolling. */
.user-card .user-table th:nth-child(1){width:4%}.user-card .user-table th:nth-child(2){width:9%}.user-card .user-table th:nth-child(3){width:10%}.user-card .user-table th:nth-child(4){width:15%}.user-card .user-table th:nth-child(5){width:8%}.user-card .user-table th:nth-child(7){width:8%}.user-card .user-table th:nth-child(8){width:39%}
.user-card .user-table td:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 8px;}
.user-card .user-table td:last-child>form[action$="/toggle-active"],.user-card .user-table td:last-child>.current-user-label{grid-column:1;grid-row:1}.user-card .user-table td:last-child>form[action$="/role"]{grid-column:2/4;grid-row:1}.user-card .user-table td:last-child>form[action$="/mfa"]{grid-column:1;grid-row:2}.user-card .user-table td:last-child>form[action$="/password"]{grid-column:2/4;grid-row:2}.user-card .user-table td:last-child>form[action$="/delete"]{grid-column:1;grid-row:3}
.user-card .user-table td:last-child>form[action$="/role"],.user-card .user-table td:last-child>form[action$="/password"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
.user-card .user-table .small-input,.user-card .user-table .user-button,.user-card .current-user-label{width:100%!important;min-width:0!important;max-width:none!important}
@media(max-width:1050px){.user-card .user-table th:nth-child(1){width:3%}.user-card .user-table th:nth-child(2){width:8%}.user-card .user-table th:nth-child(3){width:9%}.user-card .user-table th:nth-child(4){width:14%}.user-card .user-table th:nth-child(5){width:7%}.user-card .user-table th:nth-child(6){width:7%}.user-card .user-table th:nth-child(7){width:8%}.user-card .user-table th:nth-child(8){width:44%}}
.settings-container>form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}.settings-container .settings-general{grid-column:1;grid-row:1}.settings-container .settings-access{grid-column:2;grid-row:1}.settings-container .settings-company{grid-column:1;grid-row:2}.settings-container .settings-payment{grid-column:2;grid-row:2}.settings-container .settings-save-bar{grid-column:1/-1;grid-row:3}
.settings-container .settings-heading-icon{display:inline-block;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background-color:#eaf2ff;background-position:center;background-repeat:no-repeat;background-size:19px}.settings-container .settings-icon-general{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233478e5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3Ccircle cx='8' cy='6' r='2' fill='%23eaf2ff'/%3E%3Ccircle cx='16' cy='12' r='2' fill='%23eaf2ff'/%3E%3Ccircle cx='12' cy='18' r='2' fill='%23eaf2ff'/%3E%3C/svg%3E")}.settings-container .settings-icon-company{background-color:#e9f8f1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d9b69' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V8l7-5 7 5v13M9 21v-6h6v6M9 10h.01M15 10h.01'/%3E%3C/svg%3E")}.settings-container .settings-icon-payment{background-color:#f1edff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23715bd0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E")}.settings-container .settings-icon-access{background-color:#fff3e2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c57818' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.settings-container .settings-company,.settings-container .settings-payment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:13px;align-content:start}.settings-container .settings-company>h2,.settings-container .settings-company>.settings-description,.settings-container .settings-payment>h2,.settings-container .settings-payment>.settings-description{grid-column:1/-1}
.settings-container .form-group{min-width:0;margin:0 0 12px!important}.settings-container .form-group label{display:block;margin:0 0 5px;color:#52637b;font-size:9px;font-weight:750}.settings-container .form-group input:not([type="checkbox"]),.settings-container .form-group select,.settings-container .form-group textarea{width:100%;min-height:38px;padding:8px 10px;background:#fbfcfe;border:1px solid #d5dfeb;border-radius:8px;color:#283950;font-size:10px;outline:0}.settings-container .form-group textarea{min-height:96px;resize:vertical}.settings-container .form-group input:focus,.settings-container .form-group select:focus,.settings-container .form-group textarea:focus{background:#fff;border-color:#6d9ced;box-shadow:0 0 0 3px rgba(45,120,238,.09)}.settings-container .help-text{margin-top:5px;color:#8a98aa;font-size:8px;line-height:1.45}
.settings-container .form-group:has(#company_name),.settings-container .form-group:has(#company_address),.settings-container .form-group:has(#company_website),.settings-container .form-group:has(#payment_instructions){grid-column:1/-1}.settings-container .form-group:has(#payment_instructions){margin-bottom:0!important}.settings-container .form-group:has(#crm_name){margin-bottom:0!important}
.settings-container .checkbox-row{display:flex!important;align-items:center;gap:9px;min-height:42px;margin:8px 0 7px!important;padding:9px 11px;background:#f8fafd;border:1px solid #e2e9f1;border-radius:9px}.settings-container .checkbox-row input{width:16px;height:16px;margin:0;accent-color:#2471e8}.settings-container .checkbox-row span{color:#42556f;font-size:9.5px;font-weight:700}
.settings-container .settings-save-bar{position:sticky;z-index:5;bottom:12px;padding:12px 18px!important;background:rgba(250,252,255,.96)!important;backdrop-filter:blur(10px)}.settings-container .settings-save-bar .form-actions{display:flex;justify-content:flex-end;margin:0;padding:0}.settings-container .settings-save-bar .save-button{height:40px;padding:0 18px;background:#2471e8;border:1px solid #2471e8;border-radius:9px;color:#fff;font-size:10px;font-weight:750;box-shadow:0 6px 15px rgba(36,113,232,.19)}
@media(max-width:1100px){.settings-container>form{grid-template-columns:1fr}.settings-container>form>.settings-card{grid-column:1;grid-row:auto}.settings-container .settings-company,.settings-container .settings-payment{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.settings-container{padding:25px 15px 42px}.settings-container>.identity-settings-card{padding:15px!important}.settings-container .settings-card{padding:15px!important}.settings-container .settings-company,.settings-container .settings-payment{grid-template-columns:1fr}.settings-container .form-group:has(#company_name),.settings-container .form-group:has(#company_address),.settings-container .form-group:has(#company_website),.settings-container .form-group:has(#payment_instructions){grid-column:1}.settings-container .settings-save-bar .save-button{width:100%}}

/* =========================================================
   USER ADMINISTRATION — FINAL TABLE LAYOUT
   Keep the action cell as a real table cell so rows size correctly.
   ========================================================= */
.user-card .user-table-wrapper{width:100%!important;overflow-x:hidden!important}
.user-card .user-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.user-card .user-table th:nth-child(1){width:3%}.user-card .user-table th:nth-child(2){width:8%}.user-card .user-table th:nth-child(3){width:9%}.user-card .user-table th:nth-child(4){width:14%}.user-card .user-table th:nth-child(5){width:7%}.user-card .user-table th:nth-child(6){width:7%}.user-card .user-table th:nth-child(7){width:10%}.user-card .user-table th:nth-child(8){width:42%}
.user-card .user-table th,.user-card .user-table td{overflow-wrap:anywhere;word-break:normal}
.user-card .user-table td:last-child{display:table-cell!important;width:auto!important;min-width:0!important;padding:12px 19px 6px 13px!important;vertical-align:middle!important;white-space:normal!important;overflow:visible!important}
.user-card .user-table td:last-child>.inline-form{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0 7px 6px 0!important;vertical-align:top!important}
.user-card .user-table td:last-child>form[action$="/role"],.user-card .user-table td:last-child>form[action$="/password"]{display:inline-grid!important;width:263px!important;grid-template-columns:128px 128px!important;gap:7px!important}
.user-card .user-table td:last-child>.current-user-label{display:inline-flex!important;width:128px!important;min-width:128px!important;max-width:128px!important;height:34px!important;min-height:34px!important;max-height:34px!important;margin:0 7px 6px 0!important;vertical-align:top!important}
.user-card .user-table .small-input{width:128px!important;min-width:128px!important;max-width:128px!important;height:34px!important;min-height:34px!important;max-height:34px!important}
.user-card .user-table .user-button{width:128px!important;min-width:128px!important;max-width:128px!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0 7px!important;font-size:9px!important;line-height:1.15!important;white-space:normal!important}
@media(max-width:1100px){.user-card .user-table th:nth-child(1){width:3%}.user-card .user-table th:nth-child(2){width:7%}.user-card .user-table th:nth-child(3){width:8%}.user-card .user-table th:nth-child(4){width:13%}.user-card .user-table th:nth-child(5){width:7%}.user-card .user-table th:nth-child(6){width:7%}.user-card .user-table th:nth-child(7){width:9%}.user-card .user-table th:nth-child(8){width:46%}}
/* =========================================================
   AUDIT LOG — DASHBOARD-QUALITY VISUAL SYSTEM
   Visual-only. All audit routes, fields and Jinja logic remain unchanged.
   ========================================================= */

.main:has(.audit-page) {
    padding: 28px 32px 44px !important;
}

.audit-page {
    --audit-ink: #17233b;
    --audit-text: #3b4a61;
    --audit-muted: #758399;
    --audit-line: #dfe5ed;
    --audit-blue: #1769e8;
    --audit-blue-soft: #edf4ff;
    display: grid !important;
    gap: 14px !important;
    width: 100%;
    color: var(--audit-text);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.audit-page,
.audit-page *,
.audit-page *::before,
.audit-page *::after {
    box-sizing: border-box;
}

.audit-header {
    position: relative;
    display: flex !important;
    min-height: 78px;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 20px !important;
    padding: 21px 4px 5px !important;
}

.audit-header::before {
    content: "SECURITY & CONTROL";
    position: absolute;
    top: 0;
    left: 4px;
    color: #55739d;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
}

.audit-title {
    margin: 0 !important;
    color: var(--audit-ink) !important;
    font-size: clamp(28px, 2.1vw, 34px) !important;
    font-weight: 720 !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em !important;
}

.audit-subtitle {
    margin: 7px 0 0 !important;
    color: #697892 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.audit-count {
    display: inline-flex !important;
    min-height: 40px;
    align-items: center;
    gap: 8px;
    padding: 0 13px !important;
    border: 1px solid #dce3ec !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #33435e !important;
    font-size: 11px !important;
    font-weight: 680 !important;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(18, 35, 61, .025) !important;
}

.audit-count::before {
    content: "";
    width: 17px;
    height: 17px;
    background: var(--audit-blue);
    -webkit-mask: center / 17px 17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l2 2 4-4'/%3E%3Cpath d='M12 3l7 3v5c0 4.6-2.7 8-7 10-4.3-2-7-5.4-7-10V6l7-3z'/%3E%3C/svg%3E");
    mask: center / 17px 17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l2 2 4-4'/%3E%3Cpath d='M12 3l7 3v5c0 4.6-2.7 8-7 10-4.3-2-7-5.4-7-10V6l7-3z'/%3E%3C/svg%3E");
}

.audit-filters {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) minmax(190px, 250px) auto !important;
    gap: 10px !important;
    padding: 15px !important;
    border: 1px solid var(--audit-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(25, 43, 70, .035) !important;
}

.audit-input,
.audit-select {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    border: 1px solid #d6dfe9 !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    color: #314159 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

.audit-input {
    padding: 0 13px 0 39px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23677991' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.8'/%3E%3Cpath d='m16 16 4.2 4.2'/%3E%3C/svg%3E") !important;
    background-position: 13px center !important;
    background-repeat: no-repeat !important;
    background-size: 17px 17px !important;
}

.audit-select {
    padding: 0 34px 0 12px !important;
}

.audit-input::placeholder {
    color: #8c99ab !important;
    opacity: 1;
}

.audit-input:hover,
.audit-select:hover {
    border-color: #b9c8da !important;
}

.audit-input:focus,
.audit-select:focus {
    outline: none !important;
    border-color: #79a6e8 !important;
    box-shadow: 0 0 0 3px rgba(23, 105, 232, .09) !important;
}

.audit-actions {
    display: grid !important;
    grid-template-columns: repeat(2, 88px);
    gap: 8px !important;
}

.audit-button,
.audit-clear {
    display: inline-flex !important;
    width: 88px !important;
    height: 40px !important;
    min-height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.audit-button {
    border: 1px solid var(--audit-blue) !important;
    background: var(--audit-blue) !important;
    color: #fff !important;
    box-shadow: 0 3px 8px rgba(23, 105, 232, .16) !important;
}

.audit-button:hover {
    border-color: #0d5ed7 !important;
    background: #0d5ed7 !important;
}

.audit-clear {
    border: 1px solid #cfd9e6 !important;
    background: #fff !important;
    color: #42536c !important;
}

.audit-clear:hover {
    border-color: #91acd0 !important;
    background: #f7faff !important;
    color: #245b9f !important;
}

.audit-table-wrap {
    width: 100%;
    overflow: hidden !important;
    border: 1px solid var(--audit-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(25, 43, 70, .035) !important;
}

.audit-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
    border-collapse: collapse !important;
}

.audit-table th,
.audit-table td {
    overflow: hidden;
    padding: 13px 15px !important;
    border-bottom: 1px solid #edf1f6 !important;
    text-align: left !important;
    text-overflow: ellipsis;
    vertical-align: middle !important;
}

.audit-table th {
    height: 47px;
    background: #f7f9fc !important;
    color: #596b86 !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    letter-spacing: .055em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    white-space: nowrap;
}

.audit-table td {
    height: 56px;
    color: #40516a !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    white-space: nowrap;
}

.audit-table th:nth-child(1), .audit-table td:nth-child(1) { width: 16%; }
.audit-table th:nth-child(2), .audit-table td:nth-child(2) { width: 11%; }
.audit-table th:nth-child(3), .audit-table td:nth-child(3) { width: 19%; }
.audit-table th:nth-child(4), .audit-table td:nth-child(4) { width: 16%; }
.audit-table th:nth-child(5), .audit-table td:nth-child(5) { width: 11%; }
.audit-table th:nth-child(6), .audit-table td:nth-child(6) { width: 27%; }

.audit-table tbody tr {
    transition: background-color .14s ease;
}

.audit-table tbody tr:hover {
    background: #f8faff !important;
}

.audit-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.audit-badge {
    display: inline-flex !important;
    max-width: 100%;
    min-height: 25px;
    align-items: center;
    overflow: hidden;
    padding: 0 9px !important;
    border: 1px solid #dbe7fa;
    border-radius: 999px !important;
    background: var(--audit-blue-soft) !important;
    color: #326bc2 !important;
    font-size: 9.5px !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audit-muted {
    color: var(--audit-muted) !important;
}

.audit-details {
    max-width: none !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    text-overflow: ellipsis;
}

.audit-empty {
    display: grid;
    min-height: 210px;
    place-items: center;
    padding: 44px 20px !important;
    color: var(--audit-muted) !important;
    font-size: 12px;
    text-align: center !important;
}

.audit-pagination {
    display: flex !important;
    min-height: 46px;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 4px !important;
}

.audit-pagination > .audit-muted {
    color: #6f7f96 !important;
    font-size: 10.5px !important;
    font-weight: 620;
}

.audit-page-links {
    display: flex !important;
    gap: 8px !important;
}

.audit-page-link {
    display: inline-flex !important;
    width: 86px;
    height: 36px;
    min-height: 36px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 11px !important;
    border: 1px solid #cfd9e6 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #42536c !important;
    font-size: 10.5px !important;
    font-weight: 680 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.audit-page-link:hover:not(.disabled) {
    border-color: #91acd0 !important;
    background: #f7faff !important;
    color: #245b9f !important;
}

.audit-page-link.disabled {
    background: #f3f5f8 !important;
    color: #9aa6b6 !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

@media (max-width: 1050px) {
    .audit-table th,
    .audit-table td { padding-right: 10px !important; padding-left: 10px !important; }
    .audit-table th:nth-child(1), .audit-table td:nth-child(1) { width: 18%; }
    .audit-table th:nth-child(2), .audit-table td:nth-child(2) { width: 12%; }
    .audit-table th:nth-child(3), .audit-table td:nth-child(3) { width: 19%; }
    .audit-table th:nth-child(4), .audit-table td:nth-child(4) { width: 15%; }
    .audit-table th:nth-child(5), .audit-table td:nth-child(5) { width: 11%; }
    .audit-table th:nth-child(6), .audit-table td:nth-child(6) { width: 25%; }
}

@media (max-width: 820px) {
    .main:has(.audit-page) { padding: 24px 18px 38px !important; }
    .audit-header { align-items: flex-start !important; flex-direction: column; }
    .audit-count { position: absolute; top: 20px; right: 0; }
    .audit-filters { grid-template-columns: 1fr !important; }
    .audit-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .audit-button, .audit-clear { width: 100% !important; }
    .audit-table-wrap { overflow-x: auto !important; }
    .audit-table { min-width: 820px !important; }
}

@media (max-width: 560px) {
    .main:has(.audit-page) { padding-right: 14px !important; padding-left: 14px !important; }
    .audit-header { padding-right: 0 !important; padding-left: 0 !important; }
    .audit-header::before { left: 0; }
    .audit-title { font-size: 28px !important; }
    .audit-subtitle { max-width: 235px; }
    .audit-count { right: 0; padding: 0 10px !important; }
    .audit-pagination { align-items: flex-start !important; flex-direction: column; padding-top: 4px !important; }
    .audit-page-links, .audit-page-link { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .audit-table tbody tr { transition: none !important; }
}

/* =========================================================
   MOCLARUS CRM — ENTERPRISE INTERACTION STANDARD
   Final visual authority for shared controls.
   Keeps dashboard layouts and all semantic status colours intact.
   ========================================================= */

:root {
    --mc-ui-blue: #2471e8;
    --mc-ui-blue-hover: #185fcb;
    --mc-ui-blue-active: #1556b9;
    --mc-ui-blue-ring: rgba(36, 113, 232, .18);
    --mc-ui-ink: #172842;
    --mc-ui-text: #425a78;
    --mc-ui-muted: #74849a;
    --mc-ui-line: #cfdae8;
    --mc-ui-line-hover: #91acd0;
    --mc-ui-surface: #ffffff;
    --mc-ui-surface-hover: #f7faff;
    --mc-ui-danger: #b7433c;
    --mc-ui-danger-hover: #9f342e;
    --mc-ui-danger-soft: #fff4f2;
    --mc-ui-disabled-bg: #f2f5f8;
    --mc-ui-disabled-text: #98a5b5;
    --mc-ui-control-height: 40px;
    --mc-ui-compact-height: 32px;
    --mc-ui-radius: 9px;
    --mc-ui-compact-radius: 8px;
    --mc-ui-font-size: 11px;
    --mc-ui-compact-font-size: 10px;
    --mc-ui-focus: 0 0 0 3px var(--mc-ui-blue-ring);
    --mc-ui-primary-shadow:
        0 4px 11px rgba(36, 91, 181, .18),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    --mc-ui-primary-hover-shadow:
        0 0 0 3px rgba(36, 113, 232, .10),
        0 7px 16px rgba(36, 91, 181, .22),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    --mc-ui-primary-active-shadow:
        0 1px 3px rgba(21, 69, 145, .18),
        inset 0 2px 4px rgba(12, 49, 112, .20);
    --mc-ui-secondary-shadow:
        0 1px 2px rgba(25, 51, 87, .045),
        inset 0 1px 0 rgba(255, 255, 255, .72);
    --mc-ui-secondary-active-shadow:
        inset 0 2px 3px rgba(30, 52, 82, .10);
}

/* Shared button geometry and typography */
:is(
    .button,
    .add-button,
    .save-button,
    .primary-button,
    .send-button,
    .secondary-button,
    .edit-button,
    .delete-button,
    .cancel-button,
    .back-button,
    .pdf-button,
    .search-button,
    .add-item-button,
    .remove-item-button,
    .history-toggle,
    .user-button,
    .assistant-button,
    .audit-button,
    .audit-clear,
    .audit-page-link,
    .mc-primary-action,
    .myday-primary-button,
    .mc-add-company-button,
    .mc-add-contact-button,
    .mc-opportunity-add,
    .mc-company-save-button,
    .mc-company-cancel-button,
    .mc-contact-save-button,
    .mc-contact-cancel-button,
    .best-action-button,
    button,
    input[type="submit"],
    input[type="button"]
) {
    -webkit-appearance: none;
    appearance: none;
    align-items: center;
    justify-content: center;
    border-radius: var(--mc-ui-radius);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: var(--mc-ui-font-size);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    text-decoration: none;
    transition:
        background-color 140ms ease,
        border-color 140ms ease,
        color 140ms ease,
        box-shadow 140ms ease,
        transform 100ms ease;
}

/* Primary actions: one blue throughout the product */
:is(.button,.add-button,.save-button,.primary-button,.send-button,.user-button:not(.logout-link):not(.secondary):not(.danger),.audit-button,.mc-primary-action,.myday-primary-button,.mc-add-company-button,.mc-add-contact-button,.mc-opportunity-add,.mc-company-save-button,.mc-contact-save-button,.best-action-button,input[type="submit"]) {
    border-color: var(--mc-ui-blue) !important;
    background: var(--mc-ui-blue) !important;
    color: #fff !important;
    box-shadow: var(--mc-ui-primary-shadow) !important;
}

:is(.button,.add-button,.save-button,.primary-button,.send-button,.user-button:not(.logout-link):not(.secondary):not(.danger),.audit-button,.mc-primary-action,.myday-primary-button,.mc-add-company-button,.mc-add-contact-button,.mc-opportunity-add,.mc-company-save-button,.mc-contact-save-button,.best-action-button,input[type="submit"]):hover {
    border-color: var(--mc-ui-blue-hover) !important;
    background: var(--mc-ui-blue-hover) !important;
    color: #fff !important;
    box-shadow: var(--mc-ui-primary-hover-shadow) !important;
    transform: translateY(-1px);
}

:is(.button,.add-button,.save-button,.primary-button,.send-button,.user-button:not(.logout-link):not(.secondary):not(.danger),.audit-button,.mc-primary-action,.myday-primary-button,.mc-add-company-button,.mc-add-contact-button,.mc-opportunity-add,.mc-company-save-button,.mc-contact-save-button,.best-action-button,input[type="submit"]):active {
    border-color: var(--mc-ui-blue-active) !important;
    background: var(--mc-ui-blue-active) !important;
    box-shadow: var(--mc-ui-primary-active-shadow) !important;
    transform: translateY(0) !important;
}

/* Neutral actions: one white treatment throughout the product */
:is(
    .secondary-button,
    .edit-button,
    .cancel-button,
    .back-button,
    .pdf-button,
    .search-button,
    .add-item-button,
    .history-toggle,
    .user-button.secondary,
    .audit-clear,
    .audit-page-link,
    .mc-company-cancel-button,
    .mc-contact-cancel-button
) {
    border-color: var(--mc-ui-line) !important;
    background: var(--mc-ui-surface) !important;
    color: var(--mc-ui-text) !important;
    box-shadow: var(--mc-ui-secondary-shadow) !important;
}

:is(
    .secondary-button,
    .edit-button,
    .cancel-button,
    .back-button,
    .pdf-button,
    .search-button,
    .add-item-button,
    .history-toggle,
    .user-button.secondary,
    .audit-clear,
    .audit-page-link,
    .mc-company-cancel-button,
    .mc-contact-cancel-button
):hover {
    border-color: var(--mc-ui-line-hover) !important;
    background: var(--mc-ui-surface-hover) !important;
    color: #245b9f !important;
    box-shadow:
        0 0 0 3px rgba(36, 113, 232, .08),
        0 4px 11px rgba(31, 76, 145, .08) !important;
    transform: translateY(-1px);
}

:is(
    .secondary-button,
    .edit-button,
    .cancel-button,
    .back-button,
    .pdf-button,
    .search-button,
    .add-item-button,
    .history-toggle,
    .user-button.secondary,
    .audit-clear,
    .audit-page-link,
    .mc-company-cancel-button,
    .mc-contact-cancel-button
):active {
    border-color: #b6c5d7 !important;
    background: #f2f6fb !important;
    box-shadow: var(--mc-ui-secondary-active-shadow) !important;
    transform: translateY(0) !important;
}

/* Destructive actions keep one restrained red treatment */
:is(
    .delete-button,
    .remove-item-button,
    .user-button.danger
) {
    border-color: #e4b6b2 !important;
    background: var(--mc-ui-surface) !important;
    color: var(--mc-ui-danger) !important;
    box-shadow: var(--mc-ui-secondary-shadow) !important;
}

:is(
    .delete-button,
    .remove-item-button,
    .user-button.danger
):hover {
    border-color: #d88c86 !important;
    background: var(--mc-ui-danger-soft) !important;
    color: var(--mc-ui-danger-hover) !important;
    box-shadow:
        0 0 0 3px rgba(183, 67, 60, .08),
        0 4px 11px rgba(143, 48, 42, .08) !important;
    transform: translateY(-1px);
}

:is(
    .delete-button,
    .remove-item-button,
    .user-button.danger
):active {
    border-color: #c8756f !important;
    background: #fbe9e7 !important;
    box-shadow: inset 0 2px 3px rgba(122, 38, 33, .12) !important;
    transform: translateY(0) !important;
}

/* Keyboard, disabled and busy states */
:is(
    button,
    input,
    select,
    textarea,
    a.button,
    a.add-button,
    a.edit-button,
    a.delete-button,
    a.secondary-button,
    a.audit-clear,
    a.audit-page-link
):focus-visible {
    outline: none !important;
    box-shadow: var(--mc-ui-focus) !important;
}

:is(
    button:disabled,
    input[type="submit"]:disabled,
    input[type="button"]:disabled,
    .disabled-button,
    .audit-page-link.disabled,
    [aria-disabled="true"]
) {
    border-color: #dce3eb !important;
    background: var(--mc-ui-disabled-bg) !important;
    color: var(--mc-ui-disabled-text) !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    pointer-events: none;
    transform: none !important;
}

/* Compact row actions remain compact, but share the same visual behaviour */
:is(
    table .edit-button,
    table .delete-button,
    table .user-button,
    .mc-pipeline-board .edit-button,
    .tasks-container .history-toggle,
    .mc-activities-scope .secondary-button
) {
    min-height: var(--mc-ui-compact-height) !important;
    height: var(--mc-ui-compact-height) !important;
    border-radius: var(--mc-ui-compact-radius) !important;
    font-size: var(--mc-ui-compact-font-size) !important;
    font-weight: 700 !important;
}

/* Standard form controls align with standard actions */
:is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]),
    select
) {
    min-height: var(--mc-ui-control-height);
    border-color: var(--mc-ui-line);
    border-radius: var(--mc-ui-radius);
    color: #314159;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    transition: border-color 140ms ease, box-shadow 140ms ease;
}

:is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]),
    select,
    textarea
):hover {
    border-color: #b9c8da;
}

:is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]),
    select,
    textarea
):focus {
    outline: none;
    border-color: #79a6e8;
    box-shadow: var(--mc-ui-focus);
}

/* Avoid motion for users who request it */
@media (prefers-reduced-motion: reduce) {
    :is(
        button,
        input,
        select,
        textarea,
        .button,
        .add-button,
        .save-button,
        .primary-button,
        .secondary-button,
        .edit-button,
        .delete-button,
        .audit-page-link
    ) {
        transition: none !important;
        transform: none !important;
    }
}

/* =========================================================
   SIDEBAR IDENTITY — DASHBOARD-QUALITY BRAND & PROFILE
   ========================================================= */

.sidebar-brand { padding: 21px 17px 19px !important; }

.sidebar-brand-row {
    display: flex !important;
    min-height: 54px;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
}

.sidebar-brand-copy {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
}

.sidebar-logo-frame {
    order: 2;
    display: grid;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    place-items: center;
    margin-left: auto;
    overflow: hidden;
    border: 1px solid rgba(185, 207, 237, .34);
    border-radius: 11px;
    background: rgba(255, 255, 255, .075);
    box-shadow: 0 5px 13px rgba(7, 25, 52, .16), inset 0 1px 0 rgba(255, 255, 255, .07);
}

.sidebar-company-logo {
    display: block;
    width: 44px;
    height: 44px;
    object-fit: contain;
}

.sidebar-logo-frame[hidden],
.sidebar-avatar[hidden] { display: none !important; }

.sidebar-product-name {
    overflow: hidden;
    margin: 0 !important;
    color: #fff !important;
    font-size: 23px !important;
    font-weight: 750 !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
    text-overflow: ellipsis;
    text-shadow: 0 1px 2px rgba(8, 28, 57, .18) !important;
    white-space: nowrap;
}

.sidebar-company-name {
    overflow: hidden;
    margin-top: 6px !important;
    color: #aec2de !important;
    font-size: 12px !important;
    font-weight: 620 !important;
    line-height: 1.2 !important;
    letter-spacing: .015em !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-user {
    padding: 15px 14px 14px !important;
    border-top: 1px solid rgba(171, 196, 230, .16) !important;
}

.sidebar-user-profile {
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) !important;
    min-height: 54px;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.sidebar-user-profile.no-avatar {
    grid-template-columns: minmax(0, 1fr) !important;
}

.sidebar-avatar {
    position: relative;
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    overflow: hidden;
    border: 2px solid rgba(223, 235, 250, .68);
    border-radius: 50%;
    background: #edf4ff;
    box-shadow: 0 4px 11px rgba(6, 20, 43, .20);
}

.sidebar-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

/* Online is already stated below the role. */
.sidebar-avatar > i { display: none !important; }

.sidebar-user-info {
    min-width: 0 !important;
    padding: 0 !important;
}

.sidebar-user-name {
    overflow: hidden;
    margin: 0 !important;
    color: #f7faff !important;
    font-size: 13px !important;
    font-weight: 720 !important;
    line-height: 1.25 !important;
    letter-spacing: -.01em !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-user-role {
    margin-top: 3px !important;
    color: #adbed5 !important;
    font-size: 10.5px !important;
    font-weight: 570 !important;
    line-height: 1.25 !important;
}

.sidebar-user-status {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 5px !important;
    color: #81d6ad !important;
    font-size: 10px !important;
    font-weight: 680 !important;
    line-height: 1 !important;
}

.sidebar-user-status > span {
    display: block;
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2ac47f;
    box-shadow: 0 0 0 2px rgba(42, 196, 127, .10);
}



/* =========================================================
   DECORATIVE ARROWS — REMOVED PRODUCT-WIDE
   Functional icons and native select indicators are untouched.
   ========================================================= */

.mc-company-save-button > span:last-child,
.mc-contact-save-button > span:last-child,
.primary-button > span:last-child,
.mc-primary-action > span:last-child,
.myday-primary-button > span:last-child,
.mc-panel-link > span:last-child,
.mc-suggestion a > span:last-child,
.mc-row-arrow,
.myday-action-arrow,
.myday-later a > i:last-child,
.mc-search-result > i:last-child {
    display: none !important;
}

.next-action-company-link::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 760px) {
    .sidebar-brand {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .sidebar-logo-frame {
        flex-basis: 46px;
        width: 46px;
        height: 46px;
    }

    .sidebar-company-logo {
        width: 38px;
        height: 38px;
    }
}

/* MY DAY — equal Prepared for you cards */
.myday-prepared {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch !important;
    gap: 8px !important;
}

.myday-prepared-label {
    grid-column: 1 / -1;
    width: auto !important;
}

.myday-prepared > span:not(.myday-prepared-label),
.myday-prepared > a,
.myday-prepared .myday-note {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}

@media (max-width: 1050px) {
    .myday-prepared {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .myday-prepared {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* =========================================================
   COMPANIES — CONSISTENT CONTROL SIZING
   ========================================================= */

/* =========================================================
   DASHBOARD — PERSONAL WIDGETS
   ========================================================= */

.mc-widget-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 13px;
    background: #1769e8;
    border: 1px solid #1769e8;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 3px 9px rgba(23, 105, 232, .17);
}
.mc-widget-button:hover { background: #0d5ed7; border-color: #0d5ed7; }
.mc-widget-button svg { width: 17px; height: 17px; }

.mc-widget-board {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 10px;
}
.mc-dashboard-widget { position: relative; min-width: 0; }
.mc-dashboard-widget[hidden] { display: none !important; }
.mc-widget-full { grid-column: span 12; }
.mc-widget-third { grid-column: span 4; }
.mc-widget-wide { grid-column: span 7; }
.mc-widget-narrow { grid-column: span 5; }
.mc-dashboard-widget > .mc-panel { height: 100%; }

.mc-widget-drag {
    position: absolute;
    z-index: 20;
    top: 8px;
    right: 8px;
    display: none;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    padding: 0;
    background: #1769e8;
    border: 2px solid #fff;
    border-radius: 8px;
    color: #fff;
    cursor: grab;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -3px;
    box-shadow: 0 3px 10px rgba(23, 105, 232, .25);
}
.mc-widget-board.is-rearranging .mc-widget-drag { display: flex; }
.mc-widget-board.is-rearranging .mc-dashboard-widget {
    outline: 2px dashed rgba(23, 105, 232, .3);
    outline-offset: 2px;
    border-radius: 10px;
    transition: outline-color .16s ease, box-shadow .16s ease, opacity .16s ease;
}
.mc-widget-board.is-rearranging .mc-dashboard-widget:hover {
    outline-color: rgba(23, 105, 232, .58);
    box-shadow: 0 10px 28px rgba(25, 48, 82, .1);
}
.mc-widget-board.is-rearranging .mc-dashboard-widget.is-dragging {
    opacity: .3;
    outline-color: #1769e8;
    box-shadow: 0 14px 34px rgba(23, 105, 232, .2);
}
.mc-widget-drag:active { cursor: grabbing; }

.mc-widget-backdrop { position: fixed; z-index: 1090; inset: 0; background: rgba(15, 27, 49, .3); backdrop-filter: blur(1px); }
.mc-widget-panel {
    position: fixed;
    z-index: 1100;
    top: 0;
    right: 0;
    width: min(390px, 94vw);
    height: 100vh;
    padding: 24px;
    overflow-y: auto;
    background: #fff;
    color: #34445f;
    transform: translateX(105%);
    transition: transform .22s ease;
    box-shadow: -18px 0 45px rgba(19, 36, 63, .16);
}
.mc-widget-panel.is-open { transform: translateX(0); }
.mc-widget-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 20px; border-bottom: 1px solid #e6ebf2; }
.mc-widget-panel > header span { color: #1769e8; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.mc-widget-panel > header h2 { margin: 5px 0 4px; color: #17233b; font-size: 21px; }
.mc-widget-panel > header p { margin: 0; color: #748198;  }
.mc-widget-panel > header button { width: 34px; height: 34px; background: #f3f6fa; border: 0; border-radius: 8px; color: #526178; cursor: pointer; font-size: 23px; }
.mc-widget-options { display: grid; gap: 8px; padding: 20px 0; }
.mc-widget-option, .mc-rearrange-control { display: flex; align-items: center; gap: 11px; min-height: 48px; padding: 0 13px; background: #f8fafc; border: 1px solid #e4eaf2; border-radius: 9px; cursor: pointer;  font-weight: 650; }
.mc-widget-option input, .mc-rearrange-control input { width: 17px; height: 17px; accent-color: #1769e8; }
.mc-widget-help { margin: 1px 0 9px; color: #7a879b; font-size: 11px; line-height: 1.45; }
.mc-rearrange-control { background: #edf4ff; border-color: #d6e5fb; color: #285892; }
.mc-widget-panel > footer { display: flex; justify-content: space-between; gap: 10px; margin-top: 22px; padding-top: 18px; border-top: 1px solid #e6ebf2; }
.mc-widget-panel > footer button {  padding: 0 14px; border-radius: 8px; cursor: pointer; font: inherit;  font-weight: 700; }
.mc-widget-reset { background: #fff; border: 1px solid #dbe3ed; color: #536278; }
.mc-widget-done { background: #1769e8; border: 1px solid #1769e8; color: #fff; }
.mc-widget-save-status { min-height: 18px; margin: 10px 0 0; color: #64806f; font-size: 10px; text-align: right; }

@media (max-width: 1260px) {
    
    .mc-widget-third:nth-of-type(5) { grid-column: span 12; }
    .mc-widget-wide, .mc-widget-narrow { grid-column: span 12; }
}
@media (max-width: 820px) {
    .mc-widget-third { grid-column: span 12; }
    .mc-widget-button span { display: none; }
    .mc-widget-button { width: 40px; padding: 0; }
}

.mc-company-count,
.mc-organization-map-button,
.mc-add-company-button {
    box-sizing: border-box !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    border-width: 1px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(25, 48, 82, .08) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transform: none !important;
}

.mc-company-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mc-organization-map-button,
.mc-add-company-button {
    padding-right: 17px !important;
    padding-left: 17px !important;
    white-space: nowrap !important;
}

.mc-companies-table .mc-company-actions {
    gap: 8px !important;
}

.mc-companies-table .mc-company-actions form {
    flex: 0 0 72px !important;
    width: 72px !important;
}

.mc-companies-table .mc-company-edit,
.mc-companies-table .mc-company-delete {
    box-sizing: border-box !important;
    width: 72px !important;
    min-width: 72px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    font-size: 9px !important;
    line-height: 1 !important;
}

/* =========================================================
   AI CALENDAR — PERSONAL, CALM AND ACTION-LED
   ========================================================= */
.mc-calendar{--cal-ink:#17233b;--cal-text:#3b4a61;--cal-muted:#758399;--cal-line:#dfe6ef;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:12px;color:var(--cal-text);font-family:Inter,"Segoe UI",Arial,sans-serif}.mc-calendar *{box-sizing:border-box}.cal-hero,.cal-attention,.cal-shell{grid-column:1}.cal-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 4px 7px}.cal-kicker,.cal-side-card header span,.cal-attention>div:nth-child(2)>span,.cal-modal header span{color:#1769e8;font-size:9.5px;font-weight:800;letter-spacing:.07em}.cal-hero h1{margin:5px 0 4px;color:var(--cal-ink);font-size:clamp(25px,1.85vw,32px);letter-spacing:-.03em}.cal-hero p{max-width:680px;margin:0;color:#6f7d92;font-size:12px}.cal-hero-actions{display:flex;align-items:center;gap:9px}.cal-new,.cal-attention button{min-height:40px;padding:0 15px;background:#1769e8;border:1px solid #1769e8;border-radius:8px;color:#fff;cursor:pointer;font-size:11px;font-weight:750}.cal-bell{position:relative;display:grid;place-items:center;width:40px;height:40px;background:#fff;border:1px solid #dce3ec;border-radius:8px;color:#36506f;cursor:pointer}.cal-bell svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}.cal-bell span{position:absolute;top:-6px;right:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;background:#e34f45;border:2px solid #fff;border-radius:12px;color:#fff;font-size:9px;font-weight:800}.cal-bell.is-muted{color:#9aa5b4}.cal-bell.is-muted:after{content:"";position:absolute;width:23px;height:1px;background:#d14d45;transform:rotate(-42deg)}
.cal-attention{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:82px;padding:13px 16px;background:linear-gradient(100deg,#fff8f2,#fff);border:1px solid #f0ddc8;border-left:3px solid #e9932c;border-radius:10px}.cal-attention.is-clear{background:linear-gradient(100deg,#f1fbf6,#fff);border-color:#d8eee3;border-left-color:#23a66d}.cal-attention-icon{display:grid;place-items:center;width:40px;height:40px;background:#fff0df;border-radius:10px;color:#cf741d;font-weight:850}.cal-attention.is-clear .cal-attention-icon{background:#e6f7ef;color:#16875a}.cal-attention h2{margin:3px 0;color:#273750;font-size:14px}.cal-attention p{margin:0;color:#748198;font-size:10.5px}.cal-attention button{min-height:34px;background:#fff;border-color:#e6cba8;color:#a45c1b}
.cal-shell{min-width:0;background:#fff;border:1px solid var(--cal-line);border-radius:10px;box-shadow:0 2px 8px rgba(25,43,70,.035);overflow:hidden}.cal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:64px;padding:10px 14px;border-bottom:1px solid #e8edf3}.cal-navigation,.cal-views{display:flex;align-items:center;gap:6px}.cal-navigation button,.cal-views button{min-width:34px;height:34px;padding:0 10px;background:#fff;border:1px solid #dfe6ef;border-radius:7px;color:#53637b;cursor:pointer;font-size:11px;font-weight:700}.cal-navigation h2{margin:0 0 0 8px;color:#22324c;font-size:15px}.cal-views{padding:3px;background:#f1f4f8;border-radius:8px}.cal-views button{border:0;background:transparent}.cal-views button.active{background:#fff;color:#1769e8;box-shadow:0 1px 4px rgba(25,43,70,.1)}.cal-board{min-height:650px;overflow:auto}.cal-month-head,.cal-month-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr))}.cal-month-head{position:sticky;top:0;z-index:3;background:#f8fafc;border-bottom:1px solid #e7ecf3}.cal-month-head span{padding:9px 10px;color:#78859a;font-size:9px;font-weight:800;text-transform:uppercase}.cal-month-day{min-height:112px;padding:7px;border-right:1px solid #e8edf3;border-bottom:1px solid #e8edf3;transition:background .16s}.cal-month-day.muted{background:#fafbfd;color:#a6afbd}.cal-day-number{display:grid;place-items:center;width:25px;height:25px;margin-bottom:4px;background:transparent;border:0;border-radius:50%;color:inherit;cursor:pointer;font-size:10px;font-weight:750}.cal-month-day.today .cal-day-number{background:#1769e8;color:#fff}.cal-event{position:relative;display:grid;grid-template-columns:4px auto minmax(0,1fr);align-items:center;gap:5px;width:100%;min-height:24px;margin:3px 0;padding:3px 6px;background:#edf4ff;border:0;border-radius:6px;color:#285b9c;cursor:grab;text-align:left;transition:transform .18s,box-shadow .18s,opacity .18s}.cal-event:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(25,48,82,.13)}.cal-event.dragging{opacity:.35}.cal-event i{width:3px;height:14px;background:currentColor;border-radius:4px}.cal-event span,.cal-event small{font-size:8px}.cal-event strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.cal-event small{grid-column:3;color:#71829a}.cal-event.purple{background:#f2edff;color:#7254d4}.cal-event.green{background:#eaf9f2;color:#16885b}.cal-event.amber{background:#fff5df;color:#b66d13}.cal-event.slate{background:#eef2f6;color:#50647e}.cal-event.teal{background:#e7f8f7;color:#137d78}.cal-event.locked{cursor:default}.cal-more{display:block;padding:3px 6px;color:#7b8798;font-size:8px}.drag-over{background:#edf5ff!important;box-shadow:inset 0 0 0 2px #78a8ee}
.cal-time-head{display:grid;grid-template-columns:54px repeat(var(--days),minmax(105px,1fr));height:58px;background:#fafbfd;border-bottom:1px solid #e7ecf3}.cal-time-head>span{display:grid;place-content:center;text-align:center;border-left:1px solid #edf1f5}.cal-time-head small{color:#8390a2;font-size:8.5px;text-transform:uppercase}.cal-time-head strong{color:#34465f;font-size:16px}.cal-time-head .today strong{color:#1769e8}.cal-time-body{position:relative;display:grid;grid-template-columns:54px repeat(var(--days),minmax(105px,1fr));height:700px}.cal-hours{display:grid;grid-template-rows:repeat(14,1fr)}.cal-hours span{padding:0 7px;color:#8995a6;font-size:8.5px;transform:translateY(-5px);text-align:right}.cal-day-column{position:relative;border-left:1px solid #e7ecf3;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(7.1428% - 1px),#edf1f5 calc(7.1428% - 1px),#edf1f5 7.1428%)}.cal-time-slot{position:relative;z-index:1;display:block;width:100%;height:3.5714%;padding:0;background:transparent;border:0;border-top:1px dashed rgba(225,231,239,.55);cursor:crosshair}.cal-time-slot:hover{background:rgba(23,105,232,.055)}.cal-event-layer{position:absolute;z-index:2;inset:0 5px;pointer-events:none}.cal-positioned{position:absolute;left:0;right:0;min-height:24px;pointer-events:auto}.cal-positioned .cal-event{height:100%;align-content:start}.cal-resize{position:absolute;right:0;bottom:0;left:0;height:5px;cursor:ns-resize}
.cal-side{grid-column:2;grid-row:1/span 3;display:grid;align-content:start;gap:10px}.cal-side-card{background:#fff;border:1px solid var(--cal-line);border-radius:10px;box-shadow:0 2px 8px rgba(25,43,70,.035);overflow:hidden}.cal-side-card>header{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid #edf1f5}.cal-side-card h2{margin:4px 0 0;color:#2b3a52;font-size:13px}.cal-side-card header b{display:grid;place-items:center;min-width:25px;height:25px;background:#edf4ff;border-radius:20px;color:#1769e8;font-size:9px}.cal-side-intro{margin:0;padding:11px 14px;color:#7c899b;font-size:9.5px;line-height:1.45}.cal-suggestion{display:block;width:calc(100% - 18px);margin:0 9px 9px;padding:11px;background:#fafbfd;border:1px solid #e6ebf2;border-radius:8px;cursor:pointer;text-align:left}.cal-suggestion>span{display:inline-block;padding:3px 6px;background:#edf4ff;border-radius:10px;color:#1769e8;font-size:7px;font-weight:800;text-transform:uppercase}.cal-suggestion>span.high{background:#fff0ed;color:#c64236}.cal-suggestion strong,.cal-suggestion small,.cal-suggestion em{display:block}.cal-suggestion strong{margin-top:6px;color:#35445c;font-size:10px}.cal-suggestion small{margin-top:3px;color:#8490a1;font-size:8.5px}.cal-suggestion em{margin-top:7px;color:#1769e8;font-size:8.5px;font-style:normal;font-weight:750}.cal-empty{padding:20px;color:#7c899b;font-size:10px;text-align:center}.cal-warning-list>div{display:grid;grid-template-columns:23px 1fr;gap:8px;align-items:center;padding:10px 13px;border-bottom:1px solid #edf1f5}.cal-warning-list i{display:grid;place-items:center;width:21px;height:21px;background:#fff4e6;border-radius:50%;color:#c9781e;font-size:9px;font-style:normal;font-weight:800}.cal-warning-list .danger i{background:#fff0ed;color:#c64236}.cal-warning-list .good i{background:#eaf8f1;color:#16845a}.cal-warning-list p{margin:0;color:#607089;font-size:9px;line-height:1.4}
.cal-modal{width:min(720px,94vw);max-height:92vh;padding:0;overflow:auto;border:0;border-radius:13px;box-shadow:0 24px 70px rgba(15,29,51,.28)}.cal-modal::backdrop{background:rgba(15,27,49,.38);backdrop-filter:blur(2px)}.cal-modal header{display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e7ecf3}.cal-modal h2{margin:5px 0 3px;color:#17233b;font-size:20px}.cal-modal header p{margin:0;color:#7c899c;font-size:10.5px}.cal-modal header button{width:34px;height:34px;background:#f2f5f8;border:0;border-radius:8px;color:#56657a;cursor:pointer;font-size:22px}.cal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px 22px}.cal-form-grid label{display:grid;gap:5px}.cal-form-grid label>span{color:#52627a;font-size:9.5px;font-weight:750}.cal-form-grid .full{grid-column:1/-1}.cal-form-grid input,.cal-form-grid select,.cal-form-grid textarea{width:100%;min-height:40px;padding:8px 10px;background:#fff;border:1px solid #dce4ed;border-radius:7px;color:#35445c;font:inherit;font-size:11px}.cal-form-grid textarea{min-height:76px;resize:vertical}.cal-form-grid .cal-switch{display:flex;align-items:center;gap:9px;grid-template-columns:auto 1fr;padding:10px;background:#f5f8fc;border-radius:8px}.cal-switch input{width:16px;min-height:16px;accent-color:#1769e8}.cal-modal footer{display:grid;grid-template-columns:auto 1fr auto auto;padding:14px 22px;background:#fafbfd;border-top:1px solid #e7ecf3}.cal-modal footer button{min-height:38px;padding:0 14px;border-radius:7px;cursor:pointer;font-size:10px;font-weight:750}.cal-save{background:#1769e8;border:1px solid #1769e8;color:#fff}.cal-cancel{background:#fff;border:1px solid #dce4ed;color:#56657a}.cal-delete{background:#fff;border:1px solid #efc7c4;color:#c54238}.cal-toast{position:fixed;z-index:1200;right:24px;bottom:24px;max-width:380px;padding:13px 16px;background:#213550;border-radius:9px;color:#fff;font-size:11px;box-shadow:0 12px 30px rgba(17,34,58,.22)}.cal-toast.success{background:#187b57}.cal-toast.warning{background:#a86418}.cal-toast.danger{background:#a83d35}
@media(max-width:1180px){.cal-hero,.cal-attention,.cal-shell,.cal-side{grid-column:1}.cal-side{grid-row:auto;}}@media(max-width:760px){.cal-hero{align-items:flex-start;flex-direction:column}.cal-attention{grid-template-columns:38px 1fr}.cal-attention button{grid-column:1/-1}.cal-toolbar{align-items:flex-start;flex-direction:column}.cal-navigation{width:100%;flex-wrap:wrap}.cal-navigation h2{width:100%;margin:5px 0}.cal-views{width:100%}.cal-views button{flex:1}.cal-board{min-height:560px}.cal-month-head,.cal-month-grid{min-width:760px}.cal-time-head,.cal-time-body{min-width:720px}.cal-form-grid{grid-template-columns:1fr}.cal-form-grid .full{grid-column:1}.cal-modal footer{grid-template-columns:1fr 1fr}.cal-modal footer span{display:none}}
.mc-calendar-chip{width:auto;min-width:115px}.myday-calendar-link{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;background:#1769e8;border-radius:8px;color:#fff;font-size:10.5px;font-weight:750;text-decoration:none;white-space:nowrap}.sidebar-navigation a[href="/ui/calendar"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")}
.mc-calendar.notifications-muted .cal-attention,.mc-calendar.notifications-muted .cal-warning-list{display:none}.mc-calendar.notifications-muted .cal-shell{grid-row:2}.cal-positioned .cal-resize:hover{background:rgba(23,105,232,.25)}

/* =========================================================
   CALENDAR — DASHBOARD QUALITY REFINEMENT
   ========================================================= */
.mc-calendar{
    grid-template-columns:minmax(0,1fr) 330px;
}
.cal-hero{
    position:relative;
    min-height:96px;
    padding:14px 18px;
    overflow:hidden;
    background:linear-gradient(118deg,rgba(255,255,255,.72),rgba(237,245,255,.72));
    border:1px solid rgba(213,224,238,.86);
    border-radius:12px;
}
.cal-hero::after{
    content:"";
    position:absolute;
    right:170px;
    bottom:-85px;
    width:260px;
    height:180px;
    pointer-events:none;
    background:radial-gradient(circle,rgba(69,132,235,.13),transparent 67%);
}
.cal-hero>*,.cal-attention>*{position:relative;z-index:1}
.cal-hero h1{font-size:clamp(27px,2vw,34px)}
.cal-new{box-shadow:0 6px 16px rgba(23,105,232,.16);transition:transform .16s ease,box-shadow .16s ease}
.cal-new:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(23,105,232,.24)}
.cal-new>span{font-size:16px;font-weight:500}
.cal-attention{box-shadow:0 3px 12px rgba(25,48,82,.035)}
.cal-shell{box-shadow:0 8px 28px rgba(27,48,78,.055)}
.cal-toolbar{min-height:68px;padding:12px 16px;background:linear-gradient(180deg,#fff,#fbfcfe)}
.cal-navigation button svg{display:block;width:15px;height:15px;margin:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cal-navigation h2{font-size:16px;letter-spacing:-.015em}
.cal-board{background:#fff}
.cal-time-head{height:64px;background:linear-gradient(180deg,#f9fbfe,#f5f8fc)}
.cal-time-head>span{border-left-color:#e5ebf2}
.cal-time-head strong{margin-top:3px;font-size:17px}
.cal-time-head .today strong{display:grid;place-items:center;width:29px;height:29px;margin:2px auto 0;background:#1769e8;border-radius:50%;color:#fff;box-shadow:0 4px 10px rgba(23,105,232,.22)}
.cal-time-body{height:756px}
.cal-day-column{background:repeating-linear-gradient(to bottom,#fff 0,#fff calc(7.1428% - 1px),#e8edf4 calc(7.1428% - 1px),#e8edf4 7.1428%)}
.cal-time-slot{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:3.5714%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-top:1px dashed rgba(226,232,240,.55)!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
}
.cal-time-slot:hover{background:linear-gradient(90deg,rgba(23,105,232,.035),rgba(23,105,232,.075),rgba(23,105,232,.035))!important}
.cal-month-day{min-height:124px;padding:9px;transition:background .16s ease,box-shadow .16s ease}
.cal-month-day:hover{background:#f8fbff}
.cal-day-number{
    width:29px!important;
    min-width:29px!important;
    height:29px!important;
    min-height:29px!important;
    margin:0 0 6px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    box-shadow:none!important;
}
.cal-month-day.today{background:linear-gradient(145deg,#f4f8ff,#fff);box-shadow:inset 0 0 0 2px rgba(23,105,232,.25)}
.cal-event{border:1px solid color-mix(in srgb,currentColor 14%,transparent);box-shadow:0 2px 5px rgba(25,48,82,.055)}
.cal-side{gap:12px}
.cal-side-card{border-radius:11px;box-shadow:0 6px 20px rgba(25,43,70,.045)}
.cal-side-card>header{min-height:72px;padding:15px 16px;background:linear-gradient(180deg,#fff,#fbfcfe)}
.cal-side-intro{padding:13px 16px;font-size:9.75px}
.cal-suggestion{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:4px 9px!important;
    width:calc(100% - 20px)!important;
    min-height:84px!important;
    margin:0 10px 10px!important;
    padding:12px!important;
    overflow:hidden!important;
    border-radius:9px!important;
    white-space:normal!important;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.cal-suggestion:hover{transform:translateY(-1px);border-color:#a9c5ee;box-shadow:0 7px 15px rgba(25,48,82,.08)}
.cal-suggestion>span{grid-column:1;align-self:start}
.cal-suggestion>strong{grid-column:2;display:block!important;min-width:0;overflow:hidden;font-size:10.5px!important;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.cal-suggestion>small{grid-column:1/-1;display:block!important;overflow:hidden;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.cal-suggestion>em{grid-column:1/-1;display:block!important;margin-top:3px!important}
.cal-warning-list>div{min-height:48px;padding:11px 15px}
@media(max-width:1180px){.cal-hero{min-height:auto}}

.cal-modal{
    width:min(680px,94vw);
    border:1px solid rgba(210,222,237,.9);
    background:linear-gradient(155deg,#fff 0%,#fbfdff 68%,#f3f8ff 100%);
}
.cal-modal header{
    position:relative;
    padding:17px 20px;
    overflow:hidden;
    background:linear-gradient(110deg,#f6faff,#fff 70%);
}
.cal-modal header::after{
    content:"";
    position:absolute;
    right:45px;
    bottom:-75px;
    width:190px;
    height:130px;
    background:radial-gradient(circle,rgba(23,105,232,.13),transparent 68%);
    pointer-events:none;
}
.cal-modal header>*{position:relative;z-index:1}
.cal-modal h2{font-size:18px;letter-spacing:-.015em}
.cal-form-grid{gap:11px 13px;padding:17px 20px}
.cal-form-grid input,.cal-form-grid select,.cal-form-grid textarea{
    min-height:38px;
    background:rgba(255,255,255,.9);
    border-color:#d9e3ef;
    transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.cal-form-grid input:focus,.cal-form-grid select:focus,.cal-form-grid textarea:focus{
    outline:0;
    background:#fff;
    border-color:#76a4e9;
    box-shadow:0 0 0 3px rgba(23,105,232,.09);
}
.cal-form-grid textarea{min-height:64px}
.cal-form-grid .cal-switch{min-height:44px;background:linear-gradient(90deg,#f0f6ff,#f7faff);border:1px solid #dce8f8}
.cal-modal footer{position:sticky;bottom:0;z-index:3;padding:12px 20px;background:rgba(250,252,254,.96);backdrop-filter:blur(8px)}
.cal-attention{transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.cal-attention:not(.is-clear){box-shadow:0 7px 20px rgba(214,137,43,.08)}

/* =========================================================
   CALENDAR — FUTURE FLOW (approved dashboard direction)
   ========================================================= */
.mc-calendar{
    --cal-blue:#1769e8;
    --cal-violet:#7357ee;
    --cal-cyan:#23b7dc;
    position:relative;
    grid-template-columns:minmax(0,1fr) 350px;
    gap:16px;
}
.mc-calendar::before{
    content:"";position:fixed;z-index:-1;inset:64px 0 0 0;pointer-events:none;
    background:radial-gradient(circle at 73% 7%,rgba(77,136,238,.12),transparent 31%),radial-gradient(circle at 88% 42%,rgba(117,87,238,.07),transparent 28%);
}
.cal-hero{
    min-height:128px;padding:23px 26px;border-radius:15px;
    background:linear-gradient(118deg,rgba(255,255,255,.94),rgba(242,248,255,.88));
    border-color:rgba(202,217,236,.92);box-shadow:0 12px 36px rgba(35,62,98,.06);
}
.cal-hero::before{content:"";position:absolute;right:180px;bottom:-120px;width:390px;height:230px;background:radial-gradient(circle,rgba(70,137,239,.17),transparent 67%);pointer-events:none}
.cal-hero-copy{max-width:760px}.cal-kicker{font-size:11px!important;letter-spacing:.12em!important}.cal-hero h1{margin:8px 0 9px;font-size:clamp(31px,2.35vw,40px);line-height:1.08}.cal-hero p{max-width:720px;font-size:14px;line-height:1.55}
.cal-new,.cal-bell{min-height:48px;border-radius:10px}.cal-new{padding:0 20px;font-size:13px;background:linear-gradient(135deg,#2377ef,#1769e8 55%,#6959e8);box-shadow:0 10px 24px rgba(23,105,232,.22)}.cal-bell{width:48px;height:48px;background:rgba(255,255,255,.8);backdrop-filter:blur(12px)}
.cal-attention{min-height:108px;padding:18px 20px;border-radius:14px;background:linear-gradient(110deg,#f2fff9,rgba(255,255,255,.94));box-shadow:0 8px 25px rgba(30,112,78,.07)}.cal-attention-icon{width:48px;height:48px;font-size:20px;box-shadow:0 0 0 7px rgba(34,174,112,.07)}.cal-attention h2{margin:5px 0 4px;font-size:18px}.cal-attention p{font-size:12px;line-height:1.5}
.cal-shell,.cal-side-card{border-radius:15px;border-color:#d6e1ee;box-shadow:0 12px 38px rgba(27,52,86,.07)}.cal-shell::after{content:"";position:absolute;z-index:4;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,transparent,#2b86f3,#7658ed,#25b8db,transparent);opacity:.7;pointer-events:none}
.cal-toolbar{min-height:78px;padding:14px 18px}.cal-navigation,.cal-views{gap:9px}.cal-navigation button,.cal-views button{min-width:46px;height:46px;padding:0 16px;border-radius:10px;font-size:13px}.cal-navigation h2{margin-left:10px;font-size:20px}.cal-views{padding:4px}.cal-views button.active{color:#0d65e8;background:linear-gradient(145deg,#fff,#eaf4ff);box-shadow:0 0 0 1px #bcd8fb,0 7px 17px rgba(23,105,232,.13)}
.cal-forecast-bar{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:8px 20px;border-bottom:1px solid #e4ebf4;background:linear-gradient(90deg,#f7fbff,#fff 55%,#faf8ff)}.cal-next-event{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:1px solid #cfe0f6;border-radius:18px;background:#f4f9ff;color:#214c83;font-size:12px;font-weight:750}.cal-next-event::before{content:"◷";margin-right:8px;color:#1769e8;font-size:17px}.cal-future-label{color:#5689d9;font-size:9px;font-weight:850;letter-spacing:.2em}.cal-future-label b{font-size:19px;vertical-align:-2px}
.cal-board{min-height:690px}.cal-time-head{height:70px}.cal-time-head small{font-size:10px}.cal-time-head strong{font-size:19px}.cal-time-body{height:840px;grid-template-columns:72px repeat(var(--days),minmax(125px,1fr))}.cal-time-head{grid-template-columns:72px repeat(var(--days),minmax(125px,1fr))}.cal-hours span{padding-right:14px;color:#526985!important;font-weight:700!important}.cal-day-column{background:repeating-linear-gradient(to bottom,#fff 0,#fff calc(7.1428% - 1px),#dfe8f3 calc(7.1428% - 1px),#dfe8f3 7.1428%)}.cal-day-column::after{content:"";position:absolute;z-index:0;top:0;bottom:0;left:0;width:100%;pointer-events:none;background:linear-gradient(90deg,rgba(27,116,236,.018),transparent 38%,rgba(115,87,238,.025))}
.cal-event-layer{inset:0 8px}.cal-positioned{min-height:42px}.cal-event{grid-template-columns:5px auto minmax(0,1fr)!important;gap:6px 10px!important;min-height:42px!important;padding:8px 12px!important;border-radius:10px!important;box-shadow:0 6px 16px rgba(26,58,100,.1)!important}.cal-event i{height:24px!important}.cal-event span{font-weight:850!important}.cal-event strong{font-size:12.5px!important}.cal-event:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(28,62,107,.17)!important}.cal-event.dragging{opacity:.32;filter:saturate(.8)}
.cal-now-line{position:absolute;z-index:5;right:0;left:0;height:2px;background:linear-gradient(90deg,#1d73ee,#28badb 54%,#7757ee);box-shadow:0 0 13px rgba(37,132,235,.45);pointer-events:none}.cal-now-line::after{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:#1770ed;box-shadow:0 0 0 4px rgba(23,112,237,.13)}.cal-now-line span{position:absolute;left:13px;top:-13px;padding:4px 10px;border-radius:12px;background:#2979ea;color:#fff;font-size:9px;font-weight:850;letter-spacing:.06em}.cal-now-line i{position:absolute;right:8%;top:-2px;width:19%;height:5px;background:linear-gradient(90deg,transparent,rgba(114,87,238,.5),transparent);filter:blur(4px)}
.drag-over{background:linear-gradient(180deg,rgba(233,244,255,.95),rgba(249,247,255,.94))!important;box-shadow:inset 0 0 0 2px rgba(35,119,238,.62),inset 0 0 42px rgba(85,111,235,.1)!important}.drag-over::before{content:"";position:absolute;z-index:6;right:8px;left:8px;top:50%;border-top:2px dashed #2779ed;filter:drop-shadow(0 0 5px rgba(39,121,237,.38))}
.cal-drag-clock{position:fixed;z-index:4000;display:grid;grid-template-columns:auto auto;align-items:center;gap:10px;min-width:185px;padding:11px 15px;pointer-events:none;background:linear-gradient(135deg,rgba(23,105,232,.97),rgba(102,80,232,.97));border:1px solid rgba(255,255,255,.42);border-radius:12px;color:#fff;box-shadow:0 18px 40px rgba(25,62,122,.32),0 0 0 5px rgba(49,132,241,.12);backdrop-filter:blur(14px)}.cal-drag-clock[hidden]{display:none!important}.cal-drag-clock small{color:#dbeaff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.cal-drag-clock strong{font-size:19px;letter-spacing:.02em}.is-dragging-event .cal-shell{box-shadow:0 15px 45px rgba(27,80,164,.13)}
.cal-side{gap:14px}.cal-side-card>header{min-height:70px;padding:15px 18px}.cal-side-card h2{font-size:16px}.cal-side-card header span{font-size:10px;letter-spacing:.11em}.cal-outlook{background:linear-gradient(145deg,#f8fbff,#fff 55%,#f7f4ff)}.cal-outlook header{border-bottom:0}.cal-outlook-chart{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;height:105px;padding:8px 15px 15px;background:linear-gradient(180deg,transparent,rgba(228,240,255,.55))}.cal-outlook-day{display:grid;grid-template-rows:55px auto auto;justify-items:center;gap:2px;color:#71819a;font-size:9px}.cal-outlook-day i{align-self:end;width:9px;height:calc(8px + min(var(--level),5)*8px);border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#6f5aee,#25afe1);box-shadow:0 0 10px rgba(74,116,235,.24)}.cal-outlook-day b{font-weight:750}.cal-outlook-day span{font-weight:650}.cal-outlook-day.today{color:#1769e8}.cal-outlook-day.today i{width:12px;background:linear-gradient(180deg,#1b71ef,#20c1de);box-shadow:0 0 0 4px rgba(27,113,239,.09),0 0 14px rgba(35,137,237,.28)}
.cal-side-intro{padding:14px 18px;font-size:11px;line-height:1.55}.cal-suggestion{grid-template-columns:auto minmax(0,1fr) auto!important;gap:5px 10px!important;min-height:92px!important;padding:14px!important}.cal-suggestion>strong{white-space:normal}.cal-suggestion>small{font-size:10px}.cal-suggestion>em{font-size:10px}.cal-warning-list>div{min-height:58px;padding:13px 17px}.cal-warning-list p{font-size:10.5px}.cal-warning-list i{width:28px;height:28px;font-size:11px}
.cal-month-head span{padding:12px;font-size:10px}.cal-month-day{min-height:135px}.cal-more{font-size:10px}
@media(max-width:1280px){.mc-calendar{grid-template-columns:minmax(0,1fr) 315px}.cal-hero h1{font-size:31px}}
@media(max-width:1180px){.cal-side{grid-template-columns:1fr 1fr}.cal-outlook{grid-column:1/-1}}
@media(max-width:760px){.cal-hero{padding:20px}.cal-hero h1{font-size:28px}.cal-forecast-bar{align-items:flex-start;gap:8px;flex-direction:column}.cal-future-label{align-self:flex-end}.cal-time-head,.cal-time-body{min-width:850px}.cal-side{grid-template-columns:1fr}.cal-outlook{grid-column:auto}.cal-drag-clock{min-width:160px}.cal-drag-clock strong{font-size:16px}}
.cal-outlook-day i{height:16px}
.cal-time-head>.cal-day-heading{display:grid;place-content:center;margin:0;padding:7px 8px;background:transparent;border:0;border-left:1px solid #e5ebf2;border-radius:0;color:inherit;cursor:pointer;text-align:center}.cal-time-head>.cal-day-heading:hover{background:linear-gradient(180deg,#f1f7ff,#f8f5ff)}.cal-time-head>.cal-day-heading:focus-visible{position:relative;z-index:4;outline:3px solid rgba(23,105,232,.24);outline-offset:-3px}.cal-time-head>.cal-day-heading small{color:#73839a;font-size:10px;font-weight:750;text-transform:uppercase}.cal-time-head>.cal-day-heading strong{color:#34465f;font-size:19px}.cal-time-head>.cal-day-heading.today strong{display:grid;place-items:center;width:32px;height:32px;margin:3px auto 0;background:linear-gradient(145deg,#1872ed,#6959e8);border-radius:50%;color:#fff;box-shadow:0 6px 15px rgba(23,105,232,.25)}
.cal-hours{position:relative;z-index:3;background:#fff}.cal-hours span{display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;padding:10px 14px 0 8px!important;background:#fff!important;line-height:1!important;transform:none!important}.cal-day-number:hover{background:#eaf3ff!important;color:#1769e8!important;box-shadow:0 0 0 3px rgba(23,105,232,.08)!important}

/* Calendar day navigation and strict event containment */
.cal-month-grid,.cal-month-day,.cal-month-events{min-width:0}.cal-month-day{position:relative;overflow:hidden;cursor:pointer}.cal-month-events{width:100%;max-width:100%;overflow:hidden}.cal-month-events .cal-event{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;margin:4px 0!important;padding:7px 9px!important;box-sizing:border-box!important;grid-template-columns:4px max-content minmax(0,1fr)!important;gap:7px!important}.cal-month-events .cal-event>i{min-width:4px}.cal-month-events .cal-event>span{min-width:0;white-space:nowrap}.cal-month-events .cal-event>strong{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.cal-month-events .cal-event:hover{transform:none!important}.cal-positioned,.cal-positioned .cal-event,.cal-event-layer{max-width:100%;min-width:0;overflow:hidden}.cal-positioned .cal-event>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-time-head>.cal-day-heading{grid-template-rows:auto auto!important;grid-auto-flow:row!important;justify-items:center!important;align-content:center!important;gap:6px!important;min-width:0!important;min-height:70px!important;padding:8px 10px!important;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(246,250,255,.9))!important;transition:background .16s ease,box-shadow .16s ease!important}.cal-time-head>.cal-day-heading small,.cal-time-head>.cal-day-heading strong{display:block!important;width:auto!important;margin:0!important;line-height:1!important}.cal-time-head>.cal-day-heading small{font-size:10px!important;letter-spacing:.07em!important}.cal-time-head>.cal-day-heading.today strong{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;margin:0!important}.cal-time-head>.cal-day-heading:hover{position:relative;z-index:2;background:linear-gradient(180deg,#eef6ff,#f7f4ff)!important;box-shadow:inset 0 -3px 0 #478bef}.cal-day-column.is-clickable{cursor:pointer}.cal-day-column.is-clickable .cal-time-slot{cursor:pointer!important}.cal-day-column.is-clickable:hover{background:linear-gradient(180deg,rgba(238,247,255,.7),rgba(250,248,255,.55))}.cal-month-day[data-open-day-cell]:hover{background:linear-gradient(145deg,#edf6ff,#faf8ff)!important;box-shadow:inset 0 0 0 2px rgba(58,129,235,.25)}

/* Calendar typography balance — text only */
.cal-kicker,.cal-attention>div:nth-child(2)>span,.cal-side-card header span,.cal-modal header span{font-size:11px!important;font-weight:850!important;line-height:1.25!important;letter-spacing:.1em!important}.cal-hero h1{font-size:clamp(32px,2.35vw,40px)!important;font-weight:750!important;line-height:1.12!important}.cal-hero p{font-size:14px!important;line-height:1.55!important}.cal-new,.cal-bell,.cal-navigation button,.cal-views button{font-size:13px!important}.cal-navigation h2{font-size:20px!important;font-weight:750!important;line-height:1.25!important}.cal-next-event{font-size:12px!important;line-height:1.35!important}.cal-future-label{font-size:10px!important;font-weight:850!important;line-height:1.3!important}.cal-attention h2{font-size:18px!important;font-weight:750!important;line-height:1.3!important}.cal-attention p{font-size:12px!important;line-height:1.5!important}.cal-side-card h2{font-size:17px!important;font-weight:750!important;line-height:1.3!important}.cal-side-intro{font-size:11.5px!important;line-height:1.55!important}.cal-side-card header b{font-size:10px!important}.cal-suggestion>span{font-size:9px!important}.cal-suggestion>strong{font-size:12px!important;line-height:1.4!important}.cal-suggestion>small,.cal-suggestion>em{font-size:10.5px!important;line-height:1.45!important}.cal-empty{font-size:11px!important;line-height:1.5!important}.cal-warning-list p{font-size:11px!important;line-height:1.45!important}.cal-outlook-day{font-size:10px!important;line-height:1.2!important}.cal-outlook-day b{font-size:10px!important}.cal-outlook-day span{font-size:9.5px!important}.cal-month-head span{font-size:10.5px!important;line-height:1.3!important}.cal-day-number{font-size:12px!important;font-weight:800!important}.cal-more{font-size:10.5px!important;line-height:1.35!important}.cal-hours span{font-size:11px!important;line-height:1.2!important}.cal-time-head>.cal-day-heading small{font-size:10.5px!important}.cal-time-head>.cal-day-heading strong{font-size:19px!important}.cal-event span{font-size:11px!important;line-height:1.3!important}.cal-event strong{font-size:12px!important;font-weight:750!important;line-height:1.3!important}.cal-event small{font-size:10.5px!important;line-height:1.35!important}.cal-month-events .cal-event>span{font-size:10.5px!important}.cal-month-events .cal-event>strong{font-size:11.5px!important}.cal-now-line span{font-size:10px!important}.cal-drag-clock small{font-size:10px!important}.cal-drag-clock strong{font-size:19px!important}.cal-modal h2{font-size:20px!important;font-weight:750!important;line-height:1.3!important}.cal-modal header p{font-size:12px!important;line-height:1.5!important}.cal-form-grid label>span{font-size:11px!important;font-weight:750!important;line-height:1.35!important}.cal-form-grid input,.cal-form-grid select,.cal-form-grid textarea{font-size:12.5px!important;line-height:1.45!important}.cal-form-grid .cal-switch>span{font-size:11.5px!important;line-height:1.45!important}.cal-modal footer button{font-size:12px!important}.cal-toast{font-size:12px!important;line-height:1.45!important}

/* Calendar compact professional balance. Calendar page only. */
.mc-calendar{grid-template-columns:minmax(0,1fr) 320px;gap:14px}
.mc-calendar .cal-hero{min-height:104px;padding:18px 22px;border-radius:14px}
.mc-calendar .cal-kicker,.mc-calendar .cal-attention>div:nth-child(2)>span,.mc-calendar .cal-side-card header span{font-size:9.5px!important;letter-spacing:.09em!important}
.mc-calendar .cal-hero h1{margin:6px 0 5px;font-size:clamp(28px,2vw,34px)!important;line-height:1.12!important}
.mc-calendar .cal-hero p{font-size:12.5px!important;line-height:1.45!important}
.mc-calendar .cal-new,.mc-calendar .cal-bell{min-height:42px;border-radius:9px}
.mc-calendar .cal-new{padding:0 17px;font-size:11.5px!important;box-shadow:0 5px 14px rgba(23,105,232,.16)}
.mc-calendar .cal-bell{width:42px;height:42px}
.mc-calendar .cal-attention{min-height:86px;padding:14px 17px;border-radius:12px}
.mc-calendar .cal-attention-icon{width:42px;height:42px;font-size:17px;box-shadow:0 0 0 6px rgba(34,174,112,.055)}
.mc-calendar .cal-attention h2{margin:3px 0;font-size:15px!important}
.mc-calendar .cal-attention p{font-size:11px!important;line-height:1.45!important}
.mc-calendar .cal-attention button{min-height:38px;font-size:10.5px}
.mc-calendar .cal-shell,.mc-calendar .cal-side-card{border-radius:13px;box-shadow:0 7px 24px rgba(27,52,86,.055)}
.mc-calendar .cal-toolbar{min-height:64px;padding:10px 14px}
.mc-calendar .cal-navigation,.mc-calendar .cal-views{gap:7px}
.mc-calendar .cal-navigation button,.mc-calendar .cal-views button{min-width:40px;height:40px;padding:0 13px;border-radius:9px;font-size:11.5px!important}
.mc-calendar .cal-navigation h2{font-size:17px!important}
.mc-calendar .cal-forecast-bar{min-height:46px;padding:6px 16px}
.mc-calendar .cal-next-event{min-height:30px;padding:0 12px;font-size:10.5px!important}
.mc-calendar .cal-future-label{font-size:9px!important;letter-spacing:.14em!important}
.mc-calendar .cal-time-head{height:60px}
.mc-calendar .cal-time-head>.cal-day-heading{min-height:60px!important;gap:4px!important;padding:6px 8px!important}
.mc-calendar .cal-time-head>.cal-day-heading small{font-size:9.5px!important}
.mc-calendar .cal-time-head>.cal-day-heading strong{font-size:17px!important}
.mc-calendar .cal-time-head>.cal-day-heading.today strong{width:31px!important;height:31px!important}
.mc-calendar .cal-time-body{height:700px;grid-template-columns:62px repeat(var(--days),minmax(112px,1fr))}
.mc-calendar .cal-time-head{grid-template-columns:62px repeat(var(--days),minmax(112px,1fr))}
.mc-calendar .cal-hours span{padding:9px 11px 0 6px!important;font-size:9.5px!important}
.mc-calendar .cal-positioned{min-height:34px}
.mc-calendar .cal-event{min-height:34px!important;padding:6px 9px!important;border-radius:8px!important}
.mc-calendar .cal-event span{font-size:9.5px!important}.mc-calendar .cal-event strong{font-size:10.5px!important}.mc-calendar .cal-event small{font-size:9px!important}
.mc-calendar .cal-side{gap:12px}
.mc-calendar .cal-side-card>header{min-height:62px;padding:13px 15px}
.mc-calendar .cal-side-card h2{font-size:14.5px!important}
.mc-calendar .cal-side-intro{padding:12px 15px;font-size:10.5px!important;line-height:1.5!important}
.mc-calendar .cal-outlook-chart{height:92px;padding:5px 13px 13px}
.mc-calendar .cal-outlook-day{grid-template-rows:47px auto auto;font-size:9px!important}
.mc-calendar .cal-warning-list>div{min-height:50px;padding:11px 14px}
.mc-calendar .cal-warning-list p{font-size:10px!important}
@media(max-width:1280px){.mc-calendar{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1180px){.mc-calendar{grid-template-columns:1fr}.mc-calendar .cal-side{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.mc-calendar .cal-hero{padding:17px}.mc-calendar .cal-hero h1{font-size:27px!important}.mc-calendar .cal-side{grid-template-columns:1fr}.mc-calendar .cal-time-head,.mc-calendar .cal-time-body{min-width:790px}}

/* Keep all seven week columns inside the calendar frame on desktop. */
@media(min-width:761px){
    .mc-calendar .cal-board{max-width:100%;overflow-x:hidden}
    .mc-calendar .cal-time-head,
    .mc-calendar .cal-time-body{
        width:100%;
        min-width:0!important;
        grid-template-columns:56px repeat(var(--days),minmax(0,1fr))!important;
    }
    .mc-calendar .cal-time-head>.cal-day-heading{min-width:0!important;padding-right:4px!important;padding-left:4px!important}
    .mc-calendar .cal-event-layer{inset:0 4px}
    .mc-calendar .cal-event{gap:4px!important;padding-right:6px!important;padding-left:6px!important}
    .mc-calendar .cal-event span,.mc-calendar .cal-event strong,.mc-calendar .cal-event small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* Equal calendar view controls. */
.mc-calendar .cal-views button{
    width:72px;
    min-width:72px;
    height:40px;
    padding:0;
}
@media(max-width:760px){
    .mc-calendar .cal-views button{width:auto;min-width:0}
}
/* Dashboard week calendar, shortcut visibility and calendar review */
[data-dashboard-tool][hidden]{display:none!important}
.mc-widget-option-heading{margin:16px 0 8px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.mc-week-calendar-panel{grid-column:1/-1;overflow:hidden}.mc-week-calendar-panel>.mc-panel-header{align-items:flex-start;gap:18px}.mc-week-calendar-actions{display:flex;align-items:center;gap:10px}.mc-week-calendar-actions>span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid #cfe0fb;border-radius:999px;background:#f3f8ff;color:#1458c7;font-weight:800;white-space:nowrap}.mc-week-calendar-actions>a{color:#1763d8;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
.mc-week-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));}.mc-week-day{min-width:0;min-height:156px;border:1px solid #dbe6f4;border-radius:16px;background:linear-gradient(160deg,#fff 0%,#f7faff 100%);color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.mc-week-day:hover{border-color:#94bfff;box-shadow:0 12px 26px rgba(36,93,179,.12);transform:translateY(-2px)}.mc-week-day.is-today{border-color:#62a5ff;background:linear-gradient(155deg,#f4fbff 0%,#eef1ff 100%);box-shadow:inset 0 0 0 1px rgba(78,118,255,.12)}
.mc-week-day>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;margin-bottom:12px}.mc-week-day>header>span{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.mc-week-day>header>strong{grid-row:2;font-size:18px;font-weight:900;line-height:1.15}.mc-week-day>header>b{grid-column:2;grid-row:1/3;display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#e9f2ff;color:#1464dc;font-size:11px;font-weight:900}
.mc-week-day-events{min-width:0}.mc-week-event{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 7px;align-items:center;margin-top:7px;padding:8px 9px;border:1px solid #dde7f3;border-radius:10px;background:rgba(255,255,255,.88);font-size:11px}.mc-week-event>time{color:#1763d8;font-weight:900;white-space:nowrap}.mc-week-event>strong{min-width:0;overflow:hidden;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.mc-week-event>small{grid-column:1/-1;min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.mc-week-more{display:block;margin-top:9px;color:#1763d8;font-size:11px;font-weight:800}.mc-week-clear{display:flex;align-items:center;gap:7px;margin-top:20px;color:var(--muted);font-size:11px}.mc-week-clear::before{content:"";width:7px;height:7px;border-radius:50%;background:#32c98f;box-shadow:0 0 0 5px rgba(50,201,143,.1)}
.mc-search-scope .teal{background:#14a6aa}.mc-search-group.mc-search-teal{--group:#0b9296;--group-soft:#e7fbfa}.cal-recommendation{display:none;margin-top:5px;color:#1763d8;font-weight:700;line-height:1.45}.show-recommendations .cal-recommendation{display:block}
@media(max-width:1260px){.mc-week-calendar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:820px){.mc-week-calendar-panel>.mc-panel-header{align-items:stretch;flex-direction:column}.mc-week-calendar-actions{justify-content:space-between}.mc-week-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.mc-week-calendar-grid{grid-template-columns:1fr}.mc-week-day{min-height:126px}}
/* =============================================================
   DEAL INTELLIGENCE — MANAGER MEDDPICC WORKSPACE
   ============================================================= */
.deal-intelligence-nav{display:flex!important;align-items:center}.deal-intelligence-nav span{min-width:0;flex:1}.deal-intelligence-nav b{display:grid;place-items:center;min-width:25px;height:21px;padding:0 6px;border-radius:7px;background:#7259e9;color:#fff;font-size:9px;letter-spacing:.06em;box-shadow:0 5px 13px rgba(105,80,226,.24)}.sidebar-navigation a[href="/ui/deal-intelligence"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M17 7l2-2M5 19l2-2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M17 7l2-2M5 19l2-2'/%3E%3C/svg%3E")}
.di-page{--di-ink:#102544;--di-muted:#6c7f9c;--di-line:#dce6f2;--di-blue:#1672ed;--di-purple:#7259e9;max-width:1680px;margin:0 auto;padding:24px;color:var(--di-ink)}.di-page *{box-sizing:border-box}.di-page svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.di-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.di-page-header h1{margin:5px 0 4px;font-size:34px;line-height:1.1;letter-spacing:-.035em}.di-page-header p{margin:0;color:var(--di-muted);font-size:14px}.di-kicker{display:block;color:#1769e8;font-size:10px;font-weight:900;letter-spacing:.14em}.di-header-actions,.di-sticky-actions>div{display:flex;align-items:center;gap:10px}.di-primary-button,.di-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:0 17px;border:1px solid #cfdbeb;border-radius:10px;background:#fff;color:#1d3453;font:inherit;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}.di-primary-button{border-color:#176fed;background:linear-gradient(135deg,#217af1,#1268e7 64%,#6b58e8);color:#fff;box-shadow:0 8px 19px rgba(27,108,231,.2)}.di-primary-button svg,.di-secondary-button svg{width:18px;height:18px}.di-primary-button:hover{filter:brightness(.97);transform:translateY(-1px)}.di-secondary-button:hover{background:#f7faff;border-color:#aac4e8}
.di-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.di-kpi{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:13px;min-height:118px;padding:18px;background:#fff;border:1px solid var(--di-line);border-radius:14px;box-shadow:0 8px 24px rgba(31,62,103,.055)}.di-kpi-icon,.di-round-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#eaf3ff;color:#176ce7;font-size:25px;font-weight:850}.di-kpi small,.di-confidence-card small,.di-evidence-panel small{display:block;color:#344b68;font-size:12px;font-weight:800}.di-kpi strong{display:block;margin-top:3px;font-size:28px;line-height:1}.di-kpi p{margin:7px 0 0;color:var(--di-muted);font-size:10px}.di-kpi.di-good .di-kpi-icon{background:#e4f8ef;color:#13a86d}.di-kpi.di-danger .di-kpi-icon{background:#ffeaec;color:#ee3f55}.di-kpi.di-purple .di-kpi-icon{background:#f0ebff;color:#7155e8}
.di-main-grid{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(310px,1fr);gap:16px;margin-bottom:16px}.di-card{min-width:0;background:#fff;border:1px solid var(--di-line);border-radius:14px;box-shadow:0 9px 28px rgba(30,61,103,.055)}.di-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:14px 17px;border-bottom:1px solid #e9eef5}.di-card-header span{color:#1769e8;font-size:9px;font-weight:900;letter-spacing:.12em}.di-card-header h2{margin:4px 0 0;font-size:17px;line-height:1.25}.di-card-header p{margin:3px 0 0;color:var(--di-muted);font-size:10px}.di-filters{display:flex;gap:7px}.di-filters select{min-height:36px;max-width:132px;padding:0 28px 0 10px;border:1px solid #d5e0ed;border-radius:9px;background:#fafcff;color:#405572;font:inherit;font-size:10px;font-weight:700}.di-ai-label{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:#f0ebff;color:#6d50de;font-size:9px;white-space:nowrap}
.di-deal-table{overflow:auto}.di-deal-head,.di-deal-row{display:grid;grid-template-columns:minmax(190px,1.45fr) minmax(90px,.75fr) minmax(85px,.65fr) minmax(75px,.58fr) 66px minmax(170px,1.25fr) 92px;align-items:center;gap:11px;min-width:970px}.di-deal-head{padding:11px 17px;color:#71839d;font-size:9px;font-weight:800}.di-deal-row{min-height:83px;padding:10px 17px;border-top:1px solid #edf1f6}.di-deal-row:hover{background:linear-gradient(90deg,#fafcff,#fff)}.di-company-cell{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-width:0}.di-company-cell>b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(145deg,#1976ef,#6d59e9);color:#fff;font-size:12px}.di-company-cell span{min-width:0}.di-company-cell strong,.di-company-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.di-company-cell strong{font-size:11px}.di-company-cell small{margin-top:4px;color:var(--di-muted);font-size:9.5px}.di-owner,.di-value{overflow:hidden;color:#536985;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.di-value{color:#1e3c65}.di-stage{justify-self:start;padding:6px 8px;border-radius:7px;background:#eaf3ff;color:#1768df;font-size:9px;font-weight:750}.di-score-ring{--ring:#23aa72;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at center,#fff 57%,transparent 59%),conic-gradient(var(--ring) calc(var(--score)*1%),#e8eef6 0);color:#1d304d;font-size:11px;font-weight:900}.di-score-ring.warning{--ring:#f2a81d}.di-score-ring.danger{--ring:#f0445c}.di-risk-cell{display:flex;align-items:center;gap:7px;min-width:0}.di-risk,.di-status{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:7px;background:#e8f8f0;color:#169765;font-size:9px;font-weight:800}.di-risk.warning,.di-status.warning{background:#fff2dc;color:#c37a0c}.di-risk.danger,.di-status.danger{background:#ffe8eb;color:#d9384e}.di-gap-list{display:flex;gap:4px;min-width:0;overflow:hidden}.di-gap-list small{padding:5px 6px;border-radius:6px;background:#fff0f1;color:#c84a58;font-size:8px;white-space:nowrap}.di-review-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border-radius:8px;background:#1671eb;color:#fff;font-size:9.5px;font-weight:800;text-decoration:none;white-space:nowrap;box-shadow:0 5px 12px rgba(22,113,235,.17)}
.di-recommendation-list>a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:15px 16px;border-bottom:1px solid #edf1f6;color:inherit;text-decoration:none}.di-recommendation-list>a:last-child{border-bottom:0}.di-recommendation-list>a:hover{background:#f8faff}.di-recommendation-list>a>b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#eaf3ff;color:#176ce7;font-size:12px}.di-recommendation-list strong{display:block;font-size:11px;line-height:1.4}.di-recommendation-list p{margin:4px 0;color:#526b8d;font-size:10px;line-height:1.5}.di-recommendation-list small{color:#8796aa;font-size:9px}.di-empty{padding:45px 20px;text-align:center}.di-empty>span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;border-radius:50%;background:#e8f8f0;color:#169765}.di-empty h3{margin:0;font-size:14px}.di-empty p{margin:6px 0 0;color:var(--di-muted);font-size:10px}.di-empty.compact{padding:30px 15px}
.di-lower-grid{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(310px,1fr);gap:16px}.di-criteria-grid{display:grid;grid-template-columns:repeat(8,minmax(92px,1fr));gap:8px;padding:14px}.di-criterion-summary{display:grid;justify-items:center;align-content:space-between;min-height:150px;padding:13px 8px;border:1px solid #e3eaf3;border-radius:10px;text-align:center}.di-criterion-summary>strong{min-height:30px;font-size:9.5px;line-height:1.35}.di-criterion-summary>small{font-size:9px;font-weight:800}.di-criterion-summary>small.good{color:#159867}.di-criterion-summary>small.warning{color:#c0790d}.di-criterion-summary>small.danger{color:#db3a50}.di-insight-stack{display:grid;gap:13px}.di-confidence-card,.di-evidence-panel{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;padding:16px}.di-confidence-card .di-round-icon,.di-evidence-panel .di-round-icon{width:42px;height:42px;font-size:20px}.di-confidence-card h2,.di-evidence-panel h2{margin:4px 0;font-size:27px}.di-confidence-card p,.di-evidence-panel p{margin:0;color:var(--di-muted);font-size:10px;line-height:1.45}.di-confidence-card i,.di-evidence-panel i{display:block;height:7px;margin-top:10px;overflow:hidden;border-radius:9px;background:#e9eef5}.di-confidence-card i b,.di-evidence-panel i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1672ed,#6e58e9)}.di-coaching-card{padding:15px 17px}.di-coaching-card header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}.di-coaching-card .di-round-icon{width:36px;height:36px;font-size:16px;background:#f0ebff;color:#6d50df}.di-coaching-card small{color:#6d50df;font-size:9px;font-weight:900;letter-spacing:.08em}.di-coaching-card h2{margin:3px 0 0;font-size:13px}.di-coaching-card>p{margin:11px 0 0;color:#405978;font-size:10.5px;line-height:1.55}
.di-dialog{width:min(520px,calc(100% - 30px));padding:28px;border:1px solid #d6e1ef;border-radius:16px;color:var(--di-ink);box-shadow:0 30px 80px rgba(14,38,72,.25)}.di-dialog::backdrop{background:rgba(15,36,65,.38);backdrop-filter:blur(3px)}.di-dialog h2{margin:7px 0 8px;font-size:23px}.di-dialog p,.di-dialog li{color:#536985;font-size:11px;line-height:1.6}.di-dialog ul{padding-left:18px;margin:16px 0 21px}.di-dialog-close{position:absolute;top:13px;right:13px;width:32px;height:32px;border:1px solid #d8e2ee;border-radius:9px;background:#fff;color:#60738c;font-size:20px;cursor:pointer}
.di-back-link{display:block;margin-bottom:16px;color:#1769e8;font-size:11px;font-weight:800;text-decoration:none}.di-review-score{display:flex;align-items:center;gap:13px;padding:12px 16px;background:#fff;border:1px solid var(--di-line);border-radius:13px;box-shadow:0 7px 20px rgba(31,62,103,.05)}.di-review-score small{color:#788aa2;font-size:8px;font-weight:900;letter-spacing:.1em}.di-review-score strong{display:block;margin-top:3px;font-size:13px}.di-review-score p{margin-top:3px;font-size:9px}.di-saved-message{margin-bottom:14px;padding:12px 15px;border:1px solid #bde8d5;border-radius:10px;background:#edfaf4;color:#128259;font-size:11px;font-weight:750}.di-review-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(300px,.8fr);gap:16px}.di-review-criteria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.di-criterion-editor{overflow:hidden;border-top:3px solid #22aa72}.di-criterion-editor.warning{border-top-color:#f0a51c}.di-criterion-editor.danger{border-top-color:#ef455c}.di-criterion-editor>header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid #e9eef5}.di-letter{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf3ff;color:#176ce7;font-size:15px;font-weight:900}.di-criterion-editor header small{color:#8292a8;font-size:8px;font-weight:800;letter-spacing:.1em}.di-criterion-editor h2{margin:2px 0;font-size:14px}.di-criterion-editor header p{margin:0;color:var(--di-muted);font-size:9px}.di-ai-suggestion{margin:13px 14px 0;padding:11px;border:1px solid #ddd5ff;border-radius:10px;background:#f7f4ff}.di-ai-suggestion>span{color:#6b50dc;font-size:9px;font-weight:900;letter-spacing:.05em}.di-ai-suggestion p{margin:6px 0;color:#4f6080;font-size:10px;line-height:1.5}.di-ai-suggestion button{padding:0;background:transparent;border:0;color:#1769e8;font-size:9.5px;font-weight:850;cursor:pointer}.di-criterion-editor>label{display:block;padding:13px 14px}.di-criterion-editor>label>span,.di-manager-notes label>span{display:block;margin-bottom:6px;color:#405471;font-size:10px;font-weight:800}.di-criterion-editor textarea,.di-manager-notes textarea{width:100%;min-height:105px;padding:10px 11px;border:1px solid #d5e0ed;border-radius:9px;background:#fbfcfe;color:#233751;font:inherit;font-size:10.5px;line-height:1.55;resize:vertical;outline:none}.di-criterion-editor textarea:focus,.di-manager-notes textarea:focus{background:#fff;border-color:#6e9eed;box-shadow:0 0 0 3px rgba(40,119,235,.09)}.di-confirm{display:grid!important;grid-template-columns:18px minmax(0,1fr);gap:8px;padding-top:0!important}.di-confirm input{width:16px;height:16px;accent-color:#176fea}.di-confirm span{margin:0!important}.di-confirm b,.di-confirm small{display:block}.di-confirm b{font-size:9.5px}.di-confirm small{margin-top:3px;color:var(--di-muted);font-size:8.5px;font-weight:500}.di-review-side{display:grid;align-content:start;gap:14px}.di-review-actions{margin:0;padding:5px 17px 13px 46px}.di-review-actions li{padding:11px 0;border-bottom:1px solid #edf1f6}.di-review-actions li:last-child{border:0}.di-review-actions b{font-size:10.5px}.di-review-actions p{margin:4px 0 0;color:#536a89;font-size:10px;line-height:1.5}.di-deal-facts dl{margin:0;padding:8px 16px 14px}.di-deal-facts dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f6}.di-deal-facts dl>div:last-child{border:0}.di-deal-facts dt{color:var(--di-muted);font-size:9.5px}.di-deal-facts dd{margin:0;text-align:right;font-size:10px;font-weight:800}.di-manager-notes{padding:15px}.di-manager-notes textarea{min-height:120px}.di-sticky-actions{position:sticky;z-index:20;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:13px 15px;border:1px solid #d5e1ef;border-radius:12px;background:rgba(255,255,255,.95);box-shadow:0 -8px 25px rgba(30,61,103,.08);backdrop-filter:blur(12px)}.di-sticky-actions>span{color:#687d99;font-size:10px}.di-sticky-actions>span b{color:#253c5b}
@media(max-width:1300px){.di-main-grid,.di-lower-grid{grid-template-columns:1fr}.di-criteria-grid{grid-template-columns:repeat(4,1fr)}.di-recommendations-card{order:2}.di-review-layout{grid-template-columns:1fr}.di-review-side{grid-template-columns:repeat(2,minmax(0,1fr))}.di-review-side>.di-card:first-child,.di-manager-notes{grid-column:1/-1}}
@media(max-width:900px){.di-kpi-grid{grid-template-columns:repeat(2,1fr)}.di-page-header{align-items:flex-start;flex-direction:column}.di-review-criteria{grid-template-columns:1fr}}
@media(max-width:620px){.di-page{padding:15px}.di-kpi-grid{grid-template-columns:1fr}.di-header-actions,.di-filters{width:100%;flex-wrap:wrap}.di-header-actions>*{flex:1}.di-card-header{align-items:flex-start;flex-direction:column}.di-filters select{flex:1;max-width:none}.di-criteria-grid{grid-template-columns:repeat(2,1fr)}.di-review-side{grid-template-columns:1fr}.di-review-side>.di-card:first-child,.di-manager-notes{grid-column:auto}.di-sticky-actions{align-items:flex-start;flex-direction:column}.di-sticky-actions>div,.di-sticky-actions>div>*{width:100%}}

/* Complete MEDDPICC platform */
.di-maturity-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px 0}.di-maturity-row label,.di-maturity-row>div{min-width:0;padding:10px;border:1px solid #e1e9f3;border-radius:9px;background:#f9fbfe}.di-maturity-row span,.di-source-picker summary,.di-discovery summary{display:block;color:#596f8d;font-size:9px;font-weight:850}.di-maturity-row select{width:100%;margin-top:5px;border:0;background:transparent;color:#193657;font:inherit;font-size:10px;font-weight:800}.di-maturity-row strong,.di-maturity-row small{display:block;margin-top:4px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.di-maturity-row small{color:#d27c16}.di-discovery,.di-source-picker{margin:0 14px 11px;border:1px solid #e1e9f3;border-radius:9px;background:#fbfcff}.di-discovery summary,.di-source-picker summary{padding:10px;cursor:pointer}.di-discovery ul{margin:0;padding:0 25px 12px 30px;color:#4f6685;font-size:9.5px;line-height:1.55}.di-source-picker>div{max-height:190px;overflow:auto;padding:0 9px 9px}.di-source-picker label{display:grid;grid-template-columns:16px minmax(0,1fr);gap:7px;padding:7px;border-top:1px solid #edf1f6}.di-source-picker input{accent-color:#176fea}.di-source-picker b,.di-source-picker small{display:block;font-size:8.5px}.di-source-picker small{margin-top:3px;color:#7a8da7}.di-ai-suggestion small,.di-ai-suggestion i{display:block;margin:5px 0;color:#725f9c;font-size:8.5px;font-style:normal}.di-ai-suggestion>div{margin:7px 0}.di-forecast-compare>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.di-forecast-compare>div>span{padding:12px;border-radius:10px;background:#f4f8ff}.di-forecast-compare small,.di-forecast-compare b{display:block}.di-forecast-compare small{color:#70849f;font-size:9px}.di-forecast-compare b{margin-top:5px;font-size:21px}.di-forecast-compare>p{margin:0;padding:0 14px 14px;color:#596f8d;font-size:10px;line-height:1.5}.di-review-bottom,.di-report-grid,.di-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.di-history{display:flex;align-items:flex-end;gap:12px;min-height:190px;padding:20px;overflow:auto}.di-history>div{display:grid;grid-template-rows:130px auto auto;justify-items:center;min-width:38px;gap:5px}.di-history>div>span{align-self:end;width:15px;height:calc(var(--history-score)*1.2px);min-height:3px;border-radius:8px;background:linear-gradient(#7359e9,#1775ef);box-shadow:0 5px 12px rgba(53,93,222,.18)}.di-history b{font-size:9px}.di-history small{color:#7b8da4;font-size:8px}.di-history>p{align-self:center;color:#71849f;font-size:10px}.di-coaching-form{display:grid;gap:9px;padding:14px}.di-coaching-form textarea,.di-coaching-form select,.di-coaching-form input,.di-settings-form input{width:100%;padding:10px;border:1px solid #d7e2ef;border-radius:9px;background:#fbfcfe;color:#203957;font:inherit;font-size:10px}.di-coaching-form>div{display:grid;grid-template-columns:110px 1fr auto;gap:8px}.di-coaching-history{padding:0 14px 14px}.di-coaching-history>div{padding:10px 0;border-top:1px solid #edf1f6}.di-coaching-history b{font-size:9.5px}.di-coaching-history p{margin:4px 0;color:#617590;font-size:9px}.di-report-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.di-report-table{overflow:auto}.di-report-head,.di-report-row{display:grid;grid-template-columns:minmax(150px,1fr) 60px 110px 70px 60px;gap:12px;align-items:center;min-width:520px;padding:11px 16px}.di-report-head{color:#71839d;font-size:9px;font-weight:850}.di-report-row{border-top:1px solid #edf1f6;font-size:10px}.di-report-row>b{color:#176ce7}.di-outcome-rate{padding:7px 10px;border-radius:8px;background:#e9f8f1;color:#159867;font-size:9px}.di-outcome-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.di-outcome-summary span{padding:12px;border-radius:10px;background:#f5f8fd;color:#617590;font-size:9px}.di-outcome-summary b{display:block;color:#1b3657;font-size:22px}.di-loss-list{margin:0;padding:0 15px 14px;list-style:none}.di-loss-list li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #edf1f6;font-size:9.5px}.di-settings-form{display:grid;gap:16px}.di-settings-section{overflow:hidden}.di-weight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.di-weight-grid>label{display:grid;grid-template-columns:minmax(0,1fr) 70px;align-items:center;gap:12px;padding:12px;border:1px solid #e0e8f2;border-radius:10px}.di-weight-grid b,.di-weight-grid small{display:block}.di-weight-grid b{font-size:10px}.di-weight-grid small{margin-top:3px;color:#74869d;font-size:8.5px}.di-settings-box{padding:18px}.di-settings-box h2{margin:6px 0;font-size:17px}.di-settings-box p{color:#617590;font-size:10px;line-height:1.5}.di-settings-box>label{display:block;margin-top:13px}.di-settings-box>label>span{display:block;margin-bottom:6px;font-size:9px;font-weight:800}.di-switch{display:grid!important;grid-template-columns:18px 1fr;align-items:center}.di-switch input{width:16px!important;accent-color:#176fea}.di-switch span{margin:0!important}.di-stage-gate-dialog label span{display:block;margin:14px 0 6px;font-size:10px;font-weight:850}.di-stage-gate-dialog textarea{width:100%;min-height:90px;padding:10px;border:1px solid #d5e0ed;border-radius:9px;font:inherit;font-size:11px}.di-stage-gate-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}
@media(max-width:900px){.di-report-grid,.di-review-bottom,.di-settings-grid{grid-template-columns:1fr}.di-weight-grid{grid-template-columns:1fr}}@media(max-width:620px){.di-maturity-row{grid-template-columns:1fr}.di-coaching-form>div{grid-template-columns:1fr}}
.di-outcome-fields{margin:18px 0;padding:16px;border:1px solid #d8e5f5;border-radius:14px;background:linear-gradient(145deg,#f8fbff,#f5f2ff)}.di-outcome-fields [hidden]{display:none!important}.di-outcome-fields .form-section-title{margin-top:0;color:#1769e8}.di-coaching-form .di-coaching-action{grid-template-columns:minmax(130px,1fr) minmax(160px,1fr) 105px minmax(160px,1fr) auto}.di-coaching-history small{display:block;margin-top:6px;padding:7px 9px;border-radius:8px;background:#f1f6ff;color:#426184;font-size:8.5px;line-height:1.45}.di-card-header select{min-height:34px;padding:0 28px 0 10px;border:1px solid #d5e0ed;border-radius:8px;background:#fbfcfe;color:#405572;font:inherit;font-size:9px;font-weight:750}
@media(max-width:1100px){.di-coaching-form .di-coaching-action{grid-template-columns:repeat(2,minmax(0,1fr))}.di-coaching-form .di-coaching-action button{grid-column:1/-1}}@media(max-width:620px){.di-coaching-form .di-coaching-action{grid-template-columns:1fr}}

/* Deal Intelligence review — compact dashboard layout */
.di-review-page{max-width:1580px}.di-review-page .di-page-header{align-items:center;padding:18px 20px;border:1px solid #dbe6f2;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(242,247,255,.96));box-shadow:0 10px 30px rgba(31,67,112,.06)}
.di-criterion-nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:10px;border:1px solid #dbe6f2;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(31,67,112,.05)}
.di-criterion-nav a{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:2px 8px;min-width:0;padding:9px;border:1px solid #e2eaf4;border-radius:10px;background:#fbfdff;color:#203a5b;text-decoration:none}.di-criterion-nav a:hover{border-color:#9cbceb;background:#f5f9ff}.di-criterion-nav span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eaf3ff;color:#176ce7;font-size:12px;font-weight:900}.di-criterion-nav b,.di-criterion-nav small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.di-criterion-nav b{font-size:9px}.di-criterion-nav small{color:#1b9669;font-size:8px}.di-criterion-nav a.warning small{color:#bd790d}.di-criterion-nav a.danger small{color:#d83b51}
.di-review-criteria{display:block}.di-criterion-editor{margin-bottom:10px}.di-criterion-editor>summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto 22px;align-items:center;gap:10px;padding:14px 15px;cursor:pointer;list-style:none}.di-criterion-editor>summary::-webkit-details-marker{display:none}.di-criterion-editor>summary:hover{background:#fafcff}.di-criterion-editor>summary>i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#f0f5fb}.di-criterion-editor>summary>i:before{content:"…";color:#56708f;font-size:15px;font-style:normal}.di-criterion-editor[open]>summary>i:before{content:'−'}.di-criterion-editor[open]>summary{border-bottom:1px solid #e9eef5}.di-criterion-editor summary small{color:#8292a8;font-size:8px;font-weight:800;letter-spacing:.1em}.di-criterion-editor summary h2{margin:2px 0;font-size:15px}.di-criterion-editor summary p{margin:0;color:var(--di-muted);font-size:9.5px}.di-criterion-body{padding-bottom:3px}.di-criterion-editor>summary+.di-criterion-body>.di-ai-suggestion{margin-top:13px}
.di-criterion-body>label{display:block;padding:13px 14px}.di-criterion-body>label>span{display:block;margin-bottom:6px;color:#405471;font-size:10px;font-weight:800}
.di-review-layout{grid-template-columns:minmax(0,2.4fr) minmax(300px,.8fr)}.di-review-side{position:sticky;top:16px;align-self:start}.di-review-side .di-card{box-shadow:0 8px 24px rgba(31,67,112,.045)}
.di-review-bottom{align-items:start}.di-review-bottom>.di-card{overflow:hidden}.di-history{min-height:280px}.di-coaching-form{padding:16px}.di-coaching-form>textarea{min-height:86px;resize:vertical}.di-coaching-form .di-coaching-action{grid-template-columns:repeat(2,minmax(0,1fr))}.di-coaching-form .di-coaching-action button{grid-column:1/-1;width:100%;min-height:44px}.di-coaching-history:empty{display:none}
.di-coaching-action>label{display:grid;gap:6px;min-width:0}.di-coaching-action>label>span{color:#526a88;font-size:9px;font-weight:850}.di-coaching-action>label small{color:#8191a7;font-weight:600}.di-coaching-error{grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid #f2b9c1;border-radius:9px;background:#fff1f3;color:#c73549;font-size:10px;font-weight:750}.di-coaching-error[hidden]{display:none}
.di-notice-message{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:13px 15px;border:1px solid #f1d19a;border-radius:11px;background:#fff8e9;color:#6d4b12;font-size:10.5px}.di-notice-message b{white-space:nowrap}.di-notice-message span{color:#7b6240}
.di-confirm-dialog{box-sizing:border-box!important;inline-size:460px!important;width:460px!important;max-inline-size:calc(100vw - 40px)!important;max-width:calc(100vw - 40px)!important;height:auto!important;max-height:calc(100vh - 40px)!important;margin:auto!important;padding:0;border:1px solid #d7e2f0;border-radius:16px;background:#fff;color:#183352;box-shadow:0 28px 80px rgba(20,45,80,.24);overflow:auto}.di-confirm-dialog[open]{display:grid!important;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:18px!important}.di-confirm-dialog::backdrop{background:rgba(15,35,62,.35);backdrop-filter:blur(4px)}.di-confirm-dialog-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(145deg,#eaf3ff,#f1ecff);color:#5d51dd;font-size:17px}.di-confirm-dialog-copy>span{color:#1769e8;font-size:8.5px;font-weight:900;letter-spacing:.13em}.di-confirm-dialog-copy h2{margin:4px 0 6px;font-size:18px;letter-spacing:-.02em}.di-confirm-dialog-copy p{margin:0;color:#627793;font-size:10.5px;line-height:1.5}.di-confirm-dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.di-confirm-dialog-actions .di-primary-button,.di-confirm-dialog-actions .di-secondary-button{min-height:39px;padding:0 13px;font-size:10.5px}@media(max-width:520px){.di-confirm-dialog{inline-size:calc(100vw - 28px)!important;width:calc(100vw - 28px)!important}.di-confirm-dialog[open]{grid-template-columns:1fr}.di-confirm-dialog-actions{display:grid}.di-confirm-dialog-actions>*{width:100%}}
@media(max-width:1250px){.di-criterion-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.di-review-layout{grid-template-columns:1fr}.di-review-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.di-criterion-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.di-review-page .di-page-header{align-items:flex-start}.di-criterion-editor>summary{grid-template-columns:36px minmax(0,1fr) 22px}.di-criterion-editor>summary .di-status{grid-column:2}.di-criterion-editor>summary>i{grid-column:3;grid-row:1/3}.di-review-side{grid-template-columns:1fr}.di-coaching-form .di-coaching-action{grid-template-columns:1fr}}
.di-confirm-dialog,
.di-confirm-dialog[open] {
    box-sizing: border-box !important;
    width: 460px !important;
    max-width: calc(100vw - 40px) !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: 360px !important;
    margin: auto !important;
    padding: 20px !important;
    align-content: start !important;
    border: 1px solid #d9e4f2 !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, #ffffff, #f8fbff) !important;
    color: #102544 !important;
    box-shadow: 0 24px 70px rgba(20, 49, 87, 0.22) !important;
}

.di-confirm-dialog::backdrop {
    background: rgba(18, 40, 70, 0.38) !important;
    backdrop-filter: blur(5px);
}

.di-confirm-dialog-icon {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, #eaf3ff, #f1ecff) !important;
    color: #6254df !important;
    font-size: 18px !important;
}

.di-confirm-dialog-copy > span {
    color: #1769e8 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0.13em !important;
}

.di-confirm-dialog-copy h2 {
    margin: 5px 0 7px !important;
    color: #102544 !important;
    font-size: 20px !important;
}

.di-confirm-dialog-copy p {
    margin: 0 !important;
    color: #627793 !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
}

.di-confirm-dialog-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 9px !important;
    margin-top: 8px !important;
}

.di-confirm-dialog-actions .di-primary-button {
    border-color: #176fed !important;
    background: linear-gradient(135deg, #217af1, #1268e7 65%, #6b58e8) !important;
    color: #ffffff !important;
}

.di-confirm-dialog-actions .di-secondary-button {
    border: 1px solid #cfdbeb !important;
    background: #ffffff !important;
    color: #1d3453 !important;
}

/* Dashboard typography balance. Visual changes only. */
.mc-dashboard-v2 .mc-dash-welcome h1{font-size:clamp(29px,2vw,35px)!important;font-weight:750!important;line-height:1.15!important}
.mc-dashboard-v2 .mc-dash-welcome p{font-size:14px!important;line-height:1.5!important}
.mc-dashboard-v2 .mc-kpi-name{font-size:12.5px!important;}
.mc-dashboard-v2 .mc-pill,.mc-dashboard-v2 .mc-count-pill{font-size:9px!important}
.mc-dashboard-v2 .mc-kpi-card>strong{font-size:clamp(24px,1.8vw,28px)!important}
.mc-dashboard-v2 .mc-kpi-card>p{font-size:11.5px!important;line-height:1.4!important}
.mc-dashboard-v2 .mc-kpi-foot{line-height:1.35!important}
.mc-dashboard-v2 .mc-guidance-copy>span{font-size:9px!important;letter-spacing:.055em!important}
.mc-dashboard-v2 .mc-guidance-copy h2{line-height:1.3!important}
.mc-dashboard-v2 .mc-guidance-copy p{font-size:11.5px!important;}
.mc-dashboard-v2 .mc-panel-header h2{font-size:16px!important;font-weight:720!important;line-height:1.3!important}
.mc-dashboard-v2 .mc-panel-header p{font-size:11px!important;line-height:1.45!important}
.mc-dashboard-v2 .mc-priority-copy strong,.mc-dashboard-v2 .mc-suggestion strong{font-size:11.5px!important;line-height:1.4!important}
.mc-dashboard-v2 .mc-priority-copy small,.mc-dashboard-v2 .mc-suggestion p{font-size:10.5px!important;line-height:1.45!important}
.mc-dashboard-v2 .mc-stage-name,.mc-dashboard-v2 .mc-pipeline-total span{font-size:10.5px!important}
.mc-dashboard-v2 .mc-week-event,.mc-dashboard-v2 .mc-week-clear,.mc-dashboard-v2 .mc-week-more{font-size:10.5px!important}

/* Contacts and Companies. Shared dashboard-quality directory styling. */
.mc-contacts-page,.mc-companies-page{--directory-shadow:0 10px 30px rgba(29,59,96,.06)}
.mc-contacts-header,.mc-companies-header{padding:4px 2px 0}
.mc-contacts-header h1,.mc-companies-header h1{font-size:32px!important;font-weight:760;line-height:1.15}
.mc-contacts-header p,.mc-companies-header p{max-width:720px;font-size:13px!important;line-height:1.5}
.mc-contacts-kicker,.mc-companies-kicker{font-size:9.5px!important;letter-spacing:.11em!important}
.mc-contact-count,.mc-company-count{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;border-color:#d7e2ee;border-radius:11px;box-shadow:0 4px 13px rgba(29,59,96,.045)}
.mc-add-contact-button.add-button,.mc-add-company-button{min-width:142px;height:44px!important;justify-content:center;border-radius:10px!important;background:linear-gradient(135deg,#287cf0,#176ce8 70%,#356fe3)!important;border-color:#176ce8!important;color:#fff!important;box-shadow:0 7px 17px rgba(23,105,232,.2)!important}
.mc-add-contact-button.add-button:hover,.mc-add-company-button:hover{background:linear-gradient(135deg,#1e70df,#115fce)!important;box-shadow:0 9px 21px rgba(23,105,232,.24)!important;transform:translateY(-1px)}
.mc-contacts-card,.mc-companies-card{border-color:#d8e4f0!important;border-radius:16px!important;box-shadow:var(--directory-shadow)!important}
.mc-contacts-card-header,.mc-companies-card-header{min-height:78px;padding:15px 20px!important;background:linear-gradient(115deg,#fff,#f7faff)!important}
.mc-contacts-card-title>span{width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,#e4f7ee,#effbf6);color:#169765;box-shadow:inset 0 0 0 1px rgba(22,151,101,.06)}
.mc-companies-card-title>span{width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,#e8f2ff,#f2f7ff);color:#2774df;box-shadow:inset 0 0 0 1px rgba(39,116,223,.06)}
.mc-contacts-card-title h2,.mc-companies-card-title h2{font-size:16px!important;font-weight:760!important}
.mc-contacts-card-title p,.mc-companies-card-title p{margin-top:4px!important;font-size:10.5px!important;line-height:1.4}
.mc-contacts-card-header>b,.mc-companies-card-header>b{min-width:32px;height:32px;border-radius:9px;font-size:11px!important}
.mc-contacts-table th,.mc-companies-table th{padding:12px 18px!important;background:#f5f8fc!important;border-bottom-color:#dde6f0!important;color:#657a95!important;font-size:9.5px!important;letter-spacing:.075em!important}
.mc-contacts-table td,.mc-companies-table td{height:70px;padding:13px 18px!important;border-bottom-color:#e8eef5!important;color:#425974!important;font-size:11px!important}
.mc-contacts-table tbody tr,.mc-companies-table tbody tr{transition:background .16s ease,box-shadow .16s ease}
.mc-contacts-table tbody tr:hover{background:linear-gradient(90deg,#f2fbf7,#fbfefd 42%,#fff)!important;box-shadow:inset 3px 0 #27aa77}
.mc-companies-table tbody tr:hover{background:linear-gradient(90deg,#f2f7ff,#fbfdff 42%,#fff)!important;box-shadow:inset 3px 0 #397fe5}
.mc-contact-identity,.mc-company-identity{gap:13px!important}
.mc-contact-identity>span,.mc-company-identity>span{flex-basis:42px;width:42px;height:42px;border-radius:12px;font-size:12px!important}
.mc-contact-identity>span{background:linear-gradient(145deg,#e3f7ed,#eefbf5);color:#159765}
.mc-company-identity>span{background:linear-gradient(145deg,#e7f1ff,#f1f6ff);color:#2875df}
.mc-contact-identity strong,.mc-company-identity strong{font-size:11.5px!important;font-weight:760!important}
.mc-contact-identity small,.mc-company-identity small,.mc-contact-details small,.mc-company-contact small,.mc-company-details small{font-size:9.5px!important;line-height:1.4}
.mc-contact-company{color:#236bc9!important;font-size:11px;font-weight:750!important}
.mc-contact-company:hover{color:#145ab6!important;text-decoration:none!important}
.mc-contact-muted,.mc-company-muted{color:#93a1b3!important;font-weight:550!important}
.mc-contact-actions,.mc-company-actions{gap:8px!important}
.mc-contact-edit,.mc-company-edit{min-width:52px;height:34px!important;padding:0 12px!important;border-color:#cddced!important;border-radius:8px!important;background:#f8fbff!important;color:#315f96!important;font-size:9.5px!important}
.mc-contact-edit:hover,.mc-company-edit:hover{background:#eaf3ff!important;border-color:#a9c5e7!important;color:#1769d9!important}
.mc-contact-delete,.mc-company-delete{min-width:68px;height:34px!important;padding:0 12px!important;border:1px solid #efc7c4!important;border-radius:8px!important;background:#fff!important;color:#bd463f!important;font-size:9.5px!important}
.mc-contact-delete:hover,.mc-company-delete:hover{background:#fff3f2!important;border-color:#e8a9a4!important;color:#a9342e!important}
@media(max-width:650px){.mc-contacts-card-header,.mc-companies-card-header{padding:14px 16px!important}}

/* Matching action placement on Contacts and Companies. */
.mc-contacts-header-actions,.mc-companies-header-actions{width:270px;min-width:270px;justify-content:flex-end!important}
.mc-contact-count,.mc-company-count{width:108px;min-width:108px;justify-content:center;padding:0!important}
.mc-add-contact-button.add-button,.mc-add-company-button{width:150px;min-width:150px;padding:0 14px!important}
.mc-contact-actions,.mc-company-actions{width:178px;min-width:178px;margin-left:auto;justify-content:flex-end!important}
.mc-contact-edit,.mc-company-edit{width:54px;min-width:54px;padding:0!important}
.mc-contact-delete,.mc-company-delete{width:72px;min-width:72px;padding:0!important}
.mc-company-open{flex:0 0 34px;width:34px;height:34px!important;border-radius:8px!important}
@media(max-width:650px){
    .mc-contacts-header-actions,.mc-companies-header-actions{width:100%;min-width:0}
    .mc-contact-count,.mc-company-count{width:auto;min-width:0;flex:1}
    .mc-add-contact-button.add-button,.mc-add-company-button{width:auto;min-width:0;flex:1}
}

/* Shared form controls with Dashboard quality. The locked Dashboard is excluded. */
body:not(:has(.mc-dashboard-v2)) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]),
body:not(:has(.mc-dashboard-v2)) select,
body:not(:has(.mc-dashboard-v2)) textarea{
    box-sizing:border-box;
    min-height:42px;
    padding:9px 12px;
    border:1px solid #d5e0ed;
    border-radius:9px;
    background:#fff;
    color:#203651;
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    font-size:12px;
    line-height:1.45;
    outline:0;
    box-shadow:0 1px 2px rgba(25,48,82,.025);
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
body:not(:has(.mc-dashboard-v2)) select{
    padding-right:36px;
    appearance:none;
    background-color:#fff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23344c68' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 11px center;
    background-size:16px;
}
body:not(:has(.mc-dashboard-v2)) select option{background:#fff;color:#203651}
body:not(:has(.mc-dashboard-v2)) textarea{min-height:96px;resize:vertical}
body:not(:has(.mc-dashboard-v2)) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]):hover,
body:not(:has(.mc-dashboard-v2)) select:hover,
body:not(:has(.mc-dashboard-v2)) textarea:hover{border-color:#becde0}
body:not(:has(.mc-dashboard-v2)) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]):focus,
body:not(:has(.mc-dashboard-v2)) select:focus,
body:not(:has(.mc-dashboard-v2)) textarea:focus{
    border-color:#6c9ded;
    background:#fff;
    box-shadow:0 0 0 3px rgba(35,113,232,.1),0 4px 12px rgba(25,61,108,.055);
}
body:not(:has(.mc-dashboard-v2)) input::placeholder,
body:not(:has(.mc-dashboard-v2)) textarea::placeholder{color:#91a0b4;opacity:1}

/* Calm, narrow scrollbars with space between the track and form content. */
body:not(:has(.mc-dashboard-v2)) *{scrollbar-width:thin;scrollbar-color:#9aa9bb transparent}
body:not(:has(.mc-dashboard-v2)) *::-webkit-scrollbar{width:9px;height:9px}
body:not(:has(.mc-dashboard-v2)) *::-webkit-scrollbar-track{background:transparent}
body:not(:has(.mc-dashboard-v2)) *::-webkit-scrollbar-thumb{background:#9aa9bb;border:2px solid transparent;border-radius:999px;background-clip:padding-box}
body:not(:has(.mc-dashboard-v2)) *::-webkit-scrollbar-thumb:hover{background:#788ba3;border:2px solid transparent;background-clip:padding-box}
.cal-modal{scrollbar-gutter:stable;padding-right:6px}
.cal-modal>form{padding-right:4px}

/* Calendar colour polish inspired by the approved reference. Visual only. */
.mc-calendar{
    --cal-ink:#132641;
    --cal-text:#435975;
    --cal-muted:#7588a1;
    --cal-line:#d8e4f1;
}
.mc-calendar::before{
    background:radial-gradient(circle at 70% 4%,rgba(69,137,239,.11),transparent 30%),radial-gradient(circle at 91% 29%,rgba(87,201,190,.08),transparent 24%),#edf4fb;
}
.mc-calendar .cal-hero{
    background:linear-gradient(125deg,rgba(255,255,255,.98),rgba(238,247,255,.94));
    border-color:#d4e2f1;
    box-shadow:0 9px 28px rgba(34,68,108,.055);
}
.mc-calendar .cal-new{
    background:linear-gradient(135deg,#287df0,#176ce8 65%,#356fe3)!important;
    border-color:#176ce8!important;
    color:#fff!important;
    box-shadow:0 7px 17px rgba(23,105,232,.21)!important;
}
.mc-calendar .cal-bell,
.mc-calendar .cal-navigation button{
    background:#fff!important;
    border-color:#d4dfec!important;
    color:#304965!important;
    box-shadow:0 2px 7px rgba(29,57,94,.045)!important;
}
.mc-calendar .cal-bell:hover,
.mc-calendar .cal-navigation button:hover{
    background:#f5f9ff!important;
    border-color:#b9cee7!important;
    color:#1769e8!important;
}
.mc-calendar .cal-views{
    gap:5px!important;
    padding:4px!important;
    background:#edf2f8!important;
    border:1px solid #e0e8f2;
    border-radius:11px!important;
}
.mc-calendar .cal-views button{
    width:72px!important;
    min-width:72px!important;
    height:40px!important;
    padding:0!important;
    background:#fff!important;
    border:1px solid #d6e0ec!important;
    border-radius:8px!important;
    color:#233a57!important;
    box-shadow:0 2px 6px rgba(30,57,91,.045)!important;
}
.mc-calendar .cal-views button:hover{
    background:#f5f9ff!important;
    border-color:#b9cee8!important;
    color:#1769e8!important;
}
.mc-calendar .cal-views button.active{
    background:linear-gradient(145deg,#e7f2ff,#f3f8ff)!important;
    border-color:#a9caef!important;
    color:#1264d8!important;
    box-shadow:0 4px 12px rgba(23,105,232,.12)!important;
}
.mc-calendar .cal-shell,
.mc-calendar .cal-side-card{
    background:rgba(255,255,255,.97);
    border-color:#d7e3ef;
    box-shadow:0 9px 28px rgba(31,61,99,.06);
}
.mc-calendar .cal-toolbar{background:linear-gradient(180deg,#fff,#fbfdff)}
.mc-calendar .cal-forecast-bar{background:linear-gradient(90deg,#f5faff,#fff 54%,#f7f5ff)}
.mc-calendar .cal-next-event{background:#f1f7ff;border-color:#c8dcf4;color:#20518b}
.mc-calendar .cal-attention.is-clear{
    background:linear-gradient(115deg,#edfbf4,#f9fffc 72%,#fff);
    border-color:#bfe8d3;
    border-left-color:#20a86d;
    box-shadow:0 8px 24px rgba(31,152,101,.07);
}
.mc-calendar .cal-attention:not(.is-clear){
    background:linear-gradient(115deg,#fff8ed,#fffdf9 72%,#fff);
    border-color:#f0d3a9;
    border-left-color:#ea941d;
}
.mc-calendar .cal-side-card>header{background:linear-gradient(180deg,#fff,#fbfdff)}
.mc-calendar .cal-outlook{background:linear-gradient(145deg,#f7fbff,#fff 55%,#f6f4ff)}
.mc-calendar .cal-suggestion{
    background:linear-gradient(135deg,#fbfdff,#f7faff)!important;
    border-color:#dfe8f3!important;
    box-shadow:0 3px 10px rgba(27,56,94,.035)!important;
}
.mc-calendar .cal-suggestion:hover{
    background:#f4f9ff!important;
    border-color:#abc8eb!important;
    box-shadow:0 7px 16px rgba(28,67,116,.08)!important;
}
.mc-calendar .cal-day-column{background:repeating-linear-gradient(to bottom,#fff 0,#fff calc(7.1428% - 1px),#e3ebf4 calc(7.1428% - 1px),#e3ebf4 7.1428%)}
.mc-calendar .cal-time-head>.cal-day-heading{background:linear-gradient(180deg,#fbfdff,#f5f9fe)!important}
.mc-calendar .cal-time-head>.cal-day-heading.today{background:linear-gradient(180deg,#edf6ff,#f6f3ff)!important}
.mc-calendar .cal-event{border-left:4px solid currentColor!important;background:#e8f3ff!important;color:#1768d9!important}
.mc-calendar .cal-event.green{background:#e8f8f0!important;color:#169765!important}
.mc-calendar .cal-event.purple{background:#f0edff!important;color:#7054d9!important}
.mc-calendar .cal-event.amber{background:#fff3df!important;color:#bb7114!important}
.mc-calendar .cal-event.slate{background:#eef3f7!important;color:#506780!important}
.mc-calendar .cal-event.teal{background:#e6f8f6!important;color:#11847c!important}
@media(max-width:760px){.mc-calendar .cal-views button{width:auto!important;min-width:0!important}}

/* Calendar appointments. Soft colour coding and clearer reading order. */
.mc-calendar .cal-event{
    --event-accent:#2775df;
    --event-bg:#eaf3ff;
    --event-bg-end:#f6faff;
    background:linear-gradient(100deg,var(--event-bg),var(--event-bg-end))!important;
    border:1px solid color-mix(in srgb,var(--event-accent) 23%,#fff)!important;
    border-left:4px solid var(--event-accent)!important;
    color:#203754!important;
    box-shadow:0 3px 9px rgba(25,58,101,.075)!important;
}
.mc-calendar .cal-event.purple{--event-accent:#7557db;--event-bg:#eeeaff;--event-bg-end:#faf8ff}
.mc-calendar .cal-event.green{--event-accent:#159765;--event-bg:#e6f7ef;--event-bg-end:#f6fcf9}
.mc-calendar .cal-event.amber{--event-accent:#c67a14;--event-bg:#fff1d9;--event-bg-end:#fffaf1}
.mc-calendar .cal-event.slate{--event-accent:#58708e;--event-bg:#eaf0f5;--event-bg-end:#f8fafc}
.mc-calendar .cal-event.teal{--event-accent:#12877f;--event-bg:#e2f7f4;--event-bg-end:#f5fcfb}
.mc-calendar .cal-event>i{background:var(--event-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--event-accent) 10%,transparent)}
.mc-calendar .cal-event>span{color:var(--event-accent)!important;font-weight:850!important}
.mc-calendar .cal-event>strong{color:#193451!important;font-weight:800!important}
.mc-calendar .cal-event>small{color:#617690!important;font-weight:600!important}
.mc-calendar .cal-event:hover{
    border-color:color-mix(in srgb,var(--event-accent) 38%,#fff)!important;
    box-shadow:0 8px 18px color-mix(in srgb,var(--event-accent) 15%,transparent)!important;
    filter:saturate(1.04);
}
.mc-calendar .cal-event.locked{box-shadow:0 2px 7px rgba(25,58,101,.055)!important}

/* Final directory correction. Companies, Contacts and Activities only. */
.mc-companies-page,.mc-contacts-page{max-width:1540px!important}
.mc-companies-header,.mc-contacts-header,.mc-activities-header{align-items:flex-end!important;margin-bottom:22px!important}
.mc-companies-header h1,.mc-contacts-header h1,.mc-activities-header h1{color:#142946!important;font-size:32px!important;font-weight:760!important;line-height:1.14!important;letter-spacing:-.03em!important}
.mc-companies-header p,.mc-contacts-header p,.mc-activities-header p{color:#576d89!important;font-size:13px!important;line-height:1.5!important}

/* Stable top actions. Companies has three controls, Contacts has two. */
.mc-companies-header-actions{display:flex!important;width:442px!important;min-width:442px!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}
.mc-contacts-header-actions{display:flex!important;width:270px!important;min-width:270px!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}
.mc-company-count,.mc-contact-count{display:inline-flex!important;flex:0 0 108px!important;width:108px!important;min-width:108px!important;height:44px!important;align-items:center!important;justify-content:center!important;padding:0!important;white-space:nowrap!important}
.mc-organization-map-button{display:inline-flex!important;flex:0 0 160px!important;width:160px!important;min-width:160px!important;height:44px!important;align-items:center!important;justify-content:center!important;padding:0 12px!important;white-space:nowrap!important;border-radius:10px!important}
.mc-add-company-button,.mc-add-contact-button.add-button{display:inline-flex!important;flex:0 0 150px!important;width:150px!important;min-width:150px!important;height:44px!important;align-items:center!important;justify-content:center!important;padding:0 13px!important;white-space:nowrap!important;border-radius:10px!important;background:linear-gradient(135deg,#287cf0,#176ce8 72%,#356fe3)!important;border:1px solid #176ce8!important;color:#fff!important;box-shadow:0 7px 17px rgba(23,105,232,.2)!important}

/* Shared card and table surface. */
.mc-companies-card,.mc-contacts-card,.mc-activities-table{border:1px solid #d7e3f0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 30px rgba(29,59,96,.06)!important}
.mc-companies-card-header,.mc-contacts-card-header{min-height:80px!important;padding:16px 20px!important;background:linear-gradient(115deg,#fff,#f6faff)!important;border-bottom:1px solid #dfe8f2!important}
.mc-companies-card-title h2,.mc-contacts-card-title h2{font-size:16px!important;font-weight:760!important}
.mc-companies-card-title p,.mc-contacts-card-title p{font-size:10.5px!important;line-height:1.45!important}
.mc-companies-table th,.mc-contacts-table th,.mc-activities-table thead th{height:52px!important;padding:0 18px!important;background:linear-gradient(180deg,#f7faff,#f2f6fb)!important;border-bottom:1px solid #dce6f1!important;color:#607792!important;font-size:9.5px!important;font-weight:850!important;letter-spacing:.075em!important}
.mc-companies-table td,.mc-contacts-table td,.mc-activities-table tbody td{height:72px!important;padding:13px 18px!important;border-bottom:1px solid #e7edf5!important;color:#405773!important;font-size:11px!important;line-height:1.45!important}
.mc-companies-table tbody tr,.mc-contacts-table tbody tr,.mc-activities-table tbody tr{transition:background .16s ease,box-shadow .16s ease!important}
.mc-companies-table tbody tr:hover{background:linear-gradient(90deg,#f1f7ff,#fbfdff 46%,#fff)!important;box-shadow:inset 3px 0 #347de5!important}
.mc-contacts-table tbody tr:hover{background:linear-gradient(90deg,#effaf5,#fbfefd 46%,#fff)!important;box-shadow:inset 3px 0 #24a873!important}
.mc-activities-table tbody tr:hover{background:linear-gradient(90deg,#f5f2ff,#fcfbff 46%,#fff)!important;box-shadow:inset 3px 0 #755bd8!important}

/* Matching row actions. */
.mc-company-actions,.mc-contact-actions,.mc-activities-table .actions{display:flex!important;width:184px!important;min-width:184px!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin-left:auto!important;white-space:nowrap!important}
.mc-company-edit,.mc-contact-edit,.mc-activities-table .edit-button{display:inline-flex!important;flex:0 0 58px!important;width:58px!important;min-width:58px!important;height:36px!important;align-items:center!important;justify-content:center!important;padding:0!important;border:1px solid #cbdbea!important;border-radius:9px!important;background:#f8fbff!important;color:#315f96!important;font-size:9.5px!important;font-weight:780!important;text-decoration:none!important}
.mc-company-delete,.mc-contact-delete,.mc-activities-table .delete-button{display:inline-flex!important;flex:0 0 76px!important;width:76px!important;min-width:76px!important;height:36px!important;align-items:center!important;justify-content:center!important;padding:0!important;border:1px solid #efc4c0!important;border-radius:9px!important;background:#fff!important;color:#b9433c!important;font-size:9.5px!important;font-weight:780!important}
.mc-company-edit:hover,.mc-contact-edit:hover,.mc-activities-table .edit-button:hover{background:#eaf3ff!important;border-color:#a9c5e7!important;color:#1769d9!important}
.mc-company-delete:hover,.mc-contact-delete:hover,.mc-activities-table .delete-button:hover{background:#fff2f1!important;border-color:#e6a49f!important;color:#a9322c!important}
.mc-company-open{flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:36px!important;padding:0!important;border-radius:9px!important}

/* Activities scope matches the same control language. */
.mc-activities-scope{gap:5px!important;padding:4px!important;background:#edf2f8!important;border:1px solid #dbe5f0!important;border-radius:11px!important;box-shadow:0 4px 13px rgba(29,59,96,.05)!important}
.mc-activities-scope .secondary-button{width:108px!important;min-width:108px!important;height:38px!important;padding:0!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#4d647f!important;font-size:10px!important}
.mc-activities-scope .secondary-button.active{background:#fff!important;border-color:#d1ddec!important;color:#6551c8!important;box-shadow:0 3px 9px rgba(72,58,143,.08)!important}
.mc-activities-table{overflow:hidden!important}
.mc-activities-table .company-link{color:#236bc9!important;text-decoration:none!important}
.mc-activities-table td:nth-child(4){color:#6a52cb!important}
.mc-activities-table td:nth-child(5){color:#233b59!important;font-weight:750!important}

@media(max-width:900px){
    .mc-companies-header,.mc-contacts-header,.mc-activities-header{align-items:flex-start!important;flex-direction:column!important}
    .mc-companies-header-actions,.mc-contacts-header-actions{width:100%!important;min-width:0!important;justify-content:flex-start!important;flex-wrap:wrap!important}
}
@media(max-width:650px){
    .mc-company-count,.mc-contact-count,.mc-organization-map-button,.mc-add-company-button,.mc-add-contact-button.add-button{flex:1 1 140px!important;width:auto!important;min-width:0!important}
    .mc-company-actions,.mc-contact-actions,.mc-activities-table .actions{width:auto!important;min-width:142px!important}
}

/* Activity filters remain readable before, during and after hover. */
.mc-activities-scope .secondary-button,
.mc-activities-scope .secondary-button:visited{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    color:#405875!important;
    text-indent:0!important;
    position:relative!important;
    z-index:1!important;
}
.mc-activities-scope .secondary-button.active,
.mc-activities-scope .secondary-button.active:visited{
    visibility:visible!important;
    opacity:1!important;
    background:#fff!important;
    border-color:#d1ddec!important;
    color:#6551c8!important;
}
.mc-activities-scope .secondary-button:hover{
    visibility:visible!important;
    opacity:1!important;
    background:#fff!important;
    border-color:#cddbea!important;
    color:#294d7a!important;
}

/* Exact action mapping for Companies, Contacts, Activities and Tasks. */
.mc-companies-table .mc-company-actions,
.mc-contacts-table .mc-contact-actions,
.mc-activities-table td .actions,
.tasks-container .task-table td .actions{
    display:flex!important;
    width:168px!important;
    min-width:168px!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin-left:auto!important;
    white-space:nowrap!important;
}
.mc-companies-table .mc-company-actions form,
.mc-contacts-table .mc-contact-actions form,
.mc-activities-table td .actions form,
.tasks-container .task-table td .actions form{
    flex:0 0 80px!important;
    width:80px!important;
    margin:0!important;
}
.mc-companies-table .mc-company-edit,
.mc-contacts-table .mc-contact-edit,
.mc-activities-table td .actions .edit-button,
.tasks-container .task-table td .actions .edit-button{
    display:inline-flex!important;
    flex:0 0 80px!important;
    width:80px!important;
    min-width:80px!important;
    height:36px!important;
    min-height:36px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:1px solid #cbdbea!important;
    border-radius:9px!important;
    background:#f8fbff!important;
    color:#315f96!important;
    font-size:10px!important;
    font-weight:780!important;
    line-height:1!important;
    text-decoration:none!important;
}
.mc-companies-table .mc-company-delete,
.mc-contacts-table .mc-contact-delete,
.mc-activities-table td .actions .delete-button,
.tasks-container .task-table td .actions .delete-button{
    display:inline-flex!important;
    flex:0 0 80px!important;
    width:80px!important;
    min-width:80px!important;
    height:36px!important;
    min-height:36px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:1px solid #efc4c0!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#b9433c!important;
    font-size:10px!important;
    font-weight:780!important;
    line-height:1!important;
}
.mc-companies-table .mc-company-edit:hover,
.mc-contacts-table .mc-contact-edit:hover,
.mc-activities-table td .actions .edit-button:hover,
.tasks-container .task-table td .actions .edit-button:hover{
    background:#eaf3ff!important;
    border-color:#a9c5e7!important;
    color:#1769d9!important;
}
.mc-companies-table .mc-company-delete:hover,
.mc-contacts-table .mc-contact-delete:hover,
.mc-activities-table td .actions .delete-button:hover,
.tasks-container .task-table td .actions .delete-button:hover{
    background:#fff2f1!important;
    border-color:#e6a49f!important;
    color:#a9322c!important;
}

/* COMPANY PROFILE — compact working dashboard. */
.mc-company-profile{--cp-ink:#142946;--cp-copy:#526985;--cp-muted:#7f90a6;--cp-line:#d9e5f1;--cp-blue:#1f73ea;max-width:1540px!important;color:var(--cp-ink)!important}
.mc-company-profile>.back-button{height:34px!important;min-height:34px!important;margin-bottom:10px!important;padding:0 12px!important;border-radius:9px!important;font-size:11px!important}
.mc-company-profile>.company-header{display:flex!important;min-height:58px!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:0 0 14px!important}
.mc-company-profile>.company-header h1{margin:0 0 7px!important;color:var(--cp-ink)!important;font-size:30px!important;font-weight:780!important;letter-spacing:-.035em!important}
.mc-company-profile .company-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 12px!important;color:var(--cp-copy)!important;font-size:12px!important}
.mc-company-profile .mc-organization-type,.mc-company-profile .company-status,.mc-company-profile .mc-organization-inactive{display:inline-flex!important;min-height:25px!important;align-items:center!important;padding:0 10px!important;border-radius:999px!important;font-size:10px!important;font-weight:760!important}
.mc-company-profile .mc-organization-type{background:#eaf3ff!important;color:#176dde!important}
.mc-company-profile .company-status{background:#e8f8f0!important;color:#13865a!important}
.mc-company-profile>.company-header>.secondary-button{min-width:118px!important;height:40px!important;min-height:40px!important;border-radius:10px!important}
.mc-company-profile .mc-organization-path{margin:-3px 0 12px!important}

.mc-company-profile>.overview-card{padding:0!important;overflow:hidden!important;border-color:var(--cp-line)!important;border-radius:14px!important;box-shadow:0 8px 26px rgba(28,57,94,.055)!important}
.mc-company-profile>.overview-card .details{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}
.mc-company-profile>.overview-card .detail{min-width:0!important;min-height:67px!important;padding:13px 16px!important;background:#fff!important;border:0!important;border-right:1px solid #e6edf5!important;border-bottom:1px solid #e6edf5!important;border-radius:0!important;box-shadow:none!important}
.mc-company-profile>.overview-card .detail:nth-child(4n){border-right:0!important}
.mc-company-profile>.overview-card .detail-wide{grid-column:span 2!important}
.mc-company-profile>.overview-card .label{margin-bottom:5px!important;color:#657b97!important;font-size:9.5px!important;font-weight:820!important;letter-spacing:.045em!important;text-transform:uppercase!important}
.mc-company-profile>.overview-card .detail-value{overflow:hidden!important;color:#193451!important;font-size:12px!important;font-weight:570!important;line-height:1.35!important;text-overflow:ellipsis!important}
.mc-company-profile>.overview-card .detail:nth-child(-n+4){background:linear-gradient(180deg,#fff,#fbfdff)!important}
.mc-company-profile>.overview-card .detail:nth-child(-n+4) .detail-value{font-size:13px!important;font-weight:680!important}

.mc-company-profile>.workspace-summary{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:14px 0!important}
.mc-company-profile>.workspace-summary .summary-card{min-height:70px!important;padding:12px 15px!important;border-color:var(--cp-line)!important;border-radius:12px!important;box-shadow:0 5px 16px rgba(28,57,94,.045)!important}
.mc-company-profile>.workspace-summary .summary-card:first-child{background:linear-gradient(135deg,#f0f7ff,#fff)!important;border-color:#a9ccfb!important;box-shadow:inset 3px 0 var(--cp-blue),0 6px 18px rgba(31,115,234,.07)!important}
.mc-company-profile .summary-label{color:#607690!important;font-size:9.5px!important;font-weight:790!important;letter-spacing:.035em!important;text-transform:uppercase!important}
.mc-company-profile .summary-value{margin-top:4px!important;color:var(--cp-ink)!important;font-size:21px!important;font-weight:800!important;line-height:1!important}

.mc-company-profile>.mc-profile-dashboard{display:grid!important;grid-template-columns:minmax(0,1.72fr) minmax(430px,1fr)!important;grid-template-areas:"tasks contacts" "opportunities contracts" "timeline quotes"!important;gap:14px!important;align-items:start!important}
.mc-company-profile .mc-profile-tasks{grid-area:tasks;border-top:3px solid var(--cp-blue)!important}
.mc-company-profile .mc-profile-opportunities{grid-area:opportunities}
.mc-company-profile .mc-profile-contacts{grid-area:contacts}
.mc-company-profile .mc-profile-contracts{grid-area:contracts}
.mc-company-profile .mc-profile-quotes{grid-area:quotes}
.mc-company-profile .mc-profile-timeline{grid-area:timeline}
.mc-company-profile .mc-profile-dashboard>.workspace-section{min-width:0!important;margin:0!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--cp-line)!important;border-radius:14px!important;box-shadow:0 7px 23px rgba(28,57,94,.05)!important}
.mc-company-profile .workspace-section>.section-header{display:flex!important;min-height:65px!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:0!important;padding:12px 16px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;border-bottom:1px solid #e5edf5!important}
.mc-company-profile .workspace-section>.section-header h2{margin:0!important;color:var(--cp-ink)!important;font-size:16px!important;font-weight:770!important;letter-spacing:-.018em!important}
.mc-company-profile .workspace-section .section-description{margin-top:3px!important;color:var(--cp-muted)!important;font-size:10px!important;line-height:1.35!important}
.mc-company-profile .workspace-section>.empty-state{display:flex!important;min-height:62px!important;align-items:center!important;justify-content:center!important;margin:12px 14px 14px!important;padding:12px!important;background:#fbfdff!important;border-color:#e1eaf4!important;color:#7186a2!important;font-size:11px!important;box-shadow:none!important}
.mc-company-profile .mc-profile-tasks>.empty-state{background:#f5fbf8!important;border-color:#d8eee3!important;color:#39745c!important}
.mc-company-profile .table-wrapper{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow-x:auto!important}
.mc-company-profile .workspace-table{min-width:100%!important;margin:0!important}
.mc-company-profile .workspace-table th{height:38px!important;padding:0 12px!important;font-size:9px!important;white-space:nowrap!important}
.mc-company-profile .workspace-table td{padding:10px 12px!important;font-size:10.5px!important;line-height:1.35!important}
.mc-company-profile .mc-profile-contacts .workspace-table{min-width:520px!important}
.mc-company-profile .mc-profile-timeline .workspace-table{min-width:780px!important}

.mc-company-profile .section-header .add-button,.mc-company-profile .section-header .secondary-button{width:auto!important;min-width:118px!important;height:38px!important;min-height:38px!important;padding:0 14px!important;border-radius:9px!important;white-space:nowrap!important;font-size:10.5px!important;font-weight:760!important}
.mc-company-profile .section-actions{gap:8px!important}
.mc-company-profile .edit-button,.mc-company-profile .delete-button{width:64px!important;min-width:64px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:8px!important;font-size:9.5px!important}
.mc-company-profile .delete-form{display:inline-flex!important;margin:0 0 0 6px!important}
.mc-company-profile .activity-form{margin:12px!important;padding:16px!important;border-radius:11px!important;box-shadow:none!important}
.mc-company-profile .history-section{margin:12px!important}

@media(max-width:1180px){
    .mc-company-profile>.mc-profile-dashboard{grid-template-columns:minmax(0,1.45fr) minmax(360px,1fr)!important}
    .mc-company-profile>.overview-card .details{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
    .mc-company-profile>.mc-profile-dashboard{grid-template-columns:1fr!important;grid-template-areas:"tasks" "opportunities" "contacts" "contracts" "quotes" "timeline"!important}
    .mc-company-profile>.overview-card .details{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .mc-company-profile>.workspace-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:620px){
    .mc-company-profile>.company-header{align-items:flex-start!important;flex-direction:column!important}
    .mc-company-profile>.overview-card .details{grid-template-columns:1fr!important}
    .mc-company-profile>.overview-card .detail,.mc-company-profile>.overview-card .detail:nth-child(n){grid-column:auto!important;border-right:0!important;border-bottom:1px solid #e6edf5!important}
    .mc-company-profile>.overview-card .detail:last-child{border-bottom:0!important}
    
    .mc-company-profile .workspace-section>.section-header{align-items:flex-start!important;flex-direction:column!important}
    .mc-company-profile .section-actions{width:100%!important;flex-wrap:wrap!important}
}

/* Company profile finishing pass: tidy facts, tables and row actions. */
@media(min-width:1181px){
    .mc-company-profile>.overview-card .detail:nth-child(5){grid-column:1 / span 2!important}
    .mc-company-profile>.overview-card .detail:nth-child(6){grid-column:3!important}
    .mc-company-profile>.overview-card .detail:nth-child(7){grid-column:4!important}
    .mc-company-profile>.overview-card .detail:nth-child(8){grid-column:1!important}
    .mc-company-profile>.overview-card .detail:nth-child(9){grid-column:2!important}
    .mc-company-profile>.overview-card .detail:nth-child(10){grid-column:3!important}
    .mc-company-profile>.overview-card .detail:nth-child(11){grid-column:4!important}
    .mc-company-profile>.overview-card .detail:nth-child(n+8){border-bottom:0!important}
    .mc-company-profile>.overview-card .detail:nth-child(11){border-right:0!important}
}
.mc-company-profile .mc-profile-contacts .table-wrapper,
.mc-company-profile .mc-profile-timeline .table-wrapper{overflow-x:hidden!important}
.mc-company-profile .mc-profile-contacts .workspace-table,
.mc-company-profile .mc-profile-timeline .workspace-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.mc-company-profile .mc-profile-contacts .workspace-table th,
.mc-company-profile .mc-profile-contacts .workspace-table td{padding-left:13px!important;padding-right:9px!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mc-company-profile .mc-profile-contacts .workspace-table th:nth-child(2){width:21%!important}
.mc-company-profile .mc-profile-contacts .workspace-table th:nth-child(3){width:42%!important}
.mc-company-profile .mc-profile-contacts .workspace-table th:nth-child(4){width:15%!important}
.mc-company-profile .mc-profile-contacts .workspace-table td{white-space:nowrap!important}
.mc-company-profile .mc-profile-timeline .workspace-table th:nth-child(1){width:12%!important}
.mc-company-profile .mc-profile-timeline .workspace-table th:nth-child(2){width:7%!important}
.mc-company-profile .mc-profile-timeline .workspace-table th:nth-child(3){width:10%!important}
.mc-company-profile .mc-profile-timeline .workspace-table th:nth-child(4){width:15%!important}
.mc-company-profile .mc-profile-timeline .workspace-table th:nth-child(5){width:25%!important}
.mc-company-profile .mc-profile-timeline .workspace-table th:nth-child(6){width:15%!important}
.mc-company-profile .mc-profile-timeline .workspace-table th:nth-child(7){width:16%!important;text-align:center!important}
.mc-company-profile .mc-profile-timeline .workspace-table td:last-child{width:16%!important;white-space:nowrap!important;text-align:center!important}
.mc-company-profile .mc-profile-timeline .edit-button,
.mc-company-profile .mc-profile-timeline .delete-form{display:inline-flex!important;vertical-align:middle!important}
.mc-company-profile .mc-profile-timeline .delete-form{margin-left:8px!important}
.mc-company-profile .mc-profile-timeline .edit-button,
.mc-company-profile .mc-profile-timeline .delete-button{width:62px!important;min-width:62px!important}

/* Company profile row balance. Paired cards share height and alignment. */
.mc-company-profile>.mc-profile-dashboard{align-items:stretch!important}
.mc-company-profile .mc-profile-dashboard>.workspace-section{display:flex!important;height:100%!important;flex-direction:column!important}
.mc-company-profile .mc-profile-dashboard>.workspace-section>.table-wrapper,
.mc-company-profile .mc-profile-dashboard>.workspace-section>.empty-state{flex:1 1 auto!important}
.mc-company-profile .workspace-section>.section-header>div:first-child{min-width:0!important}
.mc-company-profile .workspace-section>.section-header>.add-button,
.mc-company-profile .workspace-section>.section-header>.secondary-button,
.mc-company-profile .workspace-section>.section-header>.section-actions{flex:0 0 auto!important}
.mc-company-profile .mc-profile-contacts .workspace-table th:nth-child(1){width:23%!important}
.mc-company-profile .mc-profile-contacts .workspace-table th:nth-child(2){width:18%!important}
.mc-company-profile .mc-profile-contacts .workspace-table th:nth-child(3){width:35%!important}
.mc-company-profile .mc-profile-contacts .workspace-table th:nth-child(4){width:24%!important}
.mc-company-profile .mc-profile-timeline .workspace-table td:last-child{padding-left:6px!important;padding-right:6px!important}

/* Keep timeline actions fully inside the card. */
.mc-company-profile .mc-profile-timeline .workspace-table th:last-child,
.mc-company-profile .mc-profile-timeline .workspace-table td:last-child{
    width:170px!important;
    min-width:170px!important;
    box-sizing:border-box!important;
    padding-left:10px!important;
    padding-right:14px!important;
    text-align:right!important;
    white-space:nowrap!important;
}
.mc-company-profile .mc-profile-timeline .workspace-table td:last-child .edit-button,
.mc-company-profile .mc-profile-timeline .workspace-table td:last-child .delete-form{margin-top:0!important;margin-bottom:0!important}

/* Keep a growing customer timeline compact without hiding any activity. */
.mc-company-profile .mc-profile-timeline>.table-wrapper{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-gutter:stable!important;
    overscroll-behavior:contain!important;
}
.mc-company-profile .mc-profile-timeline .workspace-table thead{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
}
.mc-company-profile .mc-profile-timeline .workspace-table thead th{
    background:#f5f8fc!important;
    box-shadow:0 1px 0 #dce6f1!important;
}

/* One compact data-list rule across the complete company profile. */
.mc-company-profile .mc-profile-dashboard .table-wrapper{
    max-height:330px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-gutter:stable!important;
    overscroll-behavior:contain!important;
}
.mc-company-profile .mc-profile-dashboard .table-wrapper .workspace-table thead{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
}
.mc-company-profile .mc-profile-dashboard .table-wrapper .workspace-table thead th{
    background:#f5f8fc!important;
    box-shadow:0 1px 0 #dce6f1!important;
}
.mc-company-profile .mc-profile-timeline>.table-wrapper{max-height:372px!important}

/* Six live account counters and safe contact-table edge spacing. */
.mc-company-profile>.workspace-summary{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.mc-company-profile .mc-profile-contacts .workspace-table th:nth-child(1){width:22%!important}
.mc-company-profile .mc-profile-contacts .workspace-table th:nth-child(2){width:16%!important}
.mc-company-profile .mc-profile-contacts .workspace-table th:nth-child(3){width:34%!important}
.mc-company-profile .mc-profile-contacts .workspace-table th:nth-child(4){width:28%!important}
.mc-company-profile .mc-profile-contacts .workspace-table th:last-child,
.mc-company-profile .mc-profile-contacts .workspace-table td:last-child{padding-right:18px!important}
@media(max-width:1180px){.mc-company-profile>.workspace-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:620px){.mc-company-profile>.workspace-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Do not reserve an empty scrollbar strip on short profile lists. */
.mc-company-profile .mc-profile-dashboard .table-wrapper{scrollbar-gutter:auto!important}

/* Show about three records per profile list; scroll from the fourth. */
.mc-company-profile .mc-profile-dashboard .table-wrapper,
.mc-company-profile .mc-profile-timeline>.table-wrapper{max-height:238px!important}

/* Align profile history controls with the card content. */
.mc-company-profile .history-toggle-wrapper{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 14px 14px!important;
}
.mc-company-profile .history-toggle-wrapper .history-toggle{
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
}

/* Keep contract row actions aligned horizontally inside the card. */
.mc-company-profile .mc-profile-contracts .workspace-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.mc-company-profile .mc-profile-contracts .workspace-table th:nth-child(1){width:22%!important}
.mc-company-profile .mc-profile-contracts .workspace-table th:nth-child(2){width:14%!important}
.mc-company-profile .mc-profile-contracts .workspace-table th:nth-child(3){width:22%!important}
.mc-company-profile .mc-profile-contracts .workspace-table th:nth-child(4){width:12%!important}
.mc-company-profile .mc-profile-contracts .workspace-table th:last-child,
.mc-company-profile .mc-profile-contracts .workspace-table td:last-child{
    width:170px!important;
    min-width:170px!important;
    box-sizing:border-box!important;
    padding-left:10px!important;
    padding-right:14px!important;
    text-align:right!important;
    white-space:nowrap!important;
}
.mc-company-profile .mc-profile-contracts .workspace-table td:last-child .edit-button,
.mc-company-profile .mc-profile-contracts .workspace-table td:last-child .delete-form{display:inline-flex!important;vertical-align:middle!important;margin-top:0!important;margin-bottom:0!important}
.mc-company-profile .mc-profile-contracts .workspace-table td:last-child .delete-form{margin-left:8px!important}

/* Fit every quote field cleanly inside the compact profile card. */
.mc-company-profile .mc-profile-quotes .workspace-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.mc-company-profile .mc-profile-quotes .workspace-table th,
.mc-company-profile .mc-profile-quotes .workspace-table td{box-sizing:border-box!important;overflow:hidden!important;padding-left:7px!important;padding-right:7px!important;overflow-wrap:anywhere!important}
.mc-company-profile .mc-profile-quotes .workspace-table th{font-size:8px!important;line-height:1.2!important;white-space:normal!important}
.mc-company-profile .mc-profile-quotes .workspace-table th:nth-child(1){width:20%!important}
.mc-company-profile .mc-profile-quotes .workspace-table th:nth-child(2){width:16%!important}
.mc-company-profile .mc-profile-quotes .workspace-table th:nth-child(3){width:12%!important}
.mc-company-profile .mc-profile-quotes .workspace-table th:nth-child(4){width:14%!important}
.mc-company-profile .mc-profile-quotes .workspace-table th:nth-child(5){width:14%!important}
.mc-company-profile .mc-profile-quotes .workspace-table th:nth-child(6){width:14%!important}
.mc-company-profile .mc-profile-quotes .workspace-table th:nth-child(7){width:10%!important}
.mc-company-profile .mc-profile-quotes .workspace-table td:last-child{padding-right:9px!important;text-align:right!important}
.mc-company-profile .mc-profile-quotes .workspace-table td:last-child .edit-button{width:48px!important;min-width:48px!important;height:30px!important;min-height:30px!important}

/* Compact quote overview: the quote number is the open action. */
.mc-company-profile .mc-profile-quotes .workspace-table th:nth-child(1){width:25%!important}
.mc-company-profile .mc-profile-quotes .workspace-table th:nth-child(2){width:23%!important}
.mc-company-profile .mc-profile-quotes .workspace-table th:nth-child(3){width:16%!important}
.mc-company-profile .mc-profile-quotes .workspace-table th:nth-child(4){width:18%!important}
.mc-company-profile .mc-profile-quotes .workspace-table th:nth-child(5){width:18%!important}
.mc-company-profile .mc-profile-quotes .workspace-table th:nth-child(n+6){width:auto!important}
.mc-company-profile .mc-profile-quotes .workspace-table td:last-child{text-align:left!important;padding-right:14px!important}
.mc-company-profile .mc-profile-quote-link{color:#176bd7!important;font-weight:760!important;text-decoration:none!important;white-space:nowrap!important}
.mc-company-profile .mc-profile-quote-link:hover{text-decoration:underline!important}

/* TASKS — keep every column and both row actions inside the card. */
.tasks-container .task-table-wrapper{
    overflow-x:auto!important;
    overflow-y:hidden!important;
}
.tasks-container .task-table{
    width:100%!important;
    min-width:1050px!important;
    table-layout:fixed!important;
}
.tasks-container .task-table th,
.tasks-container .task-table td{
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.tasks-container .task-table th:nth-child(1){width:6%!important}
.tasks-container .task-table th:nth-child(2){width:9%!important}
.tasks-container .task-table th:nth-child(3){width:10%!important}
.tasks-container .task-table th:nth-child(4){width:10%!important}
.tasks-container .task-table th:nth-child(5){width:9%!important}
.tasks-container .task-table th:nth-child(6){width:10%!important}
.tasks-container .task-table th:nth-child(7){width:12%!important}
.tasks-container .task-table th:nth-child(8){width:auto!important}
.tasks-container .task-table th:nth-child(9){width:190px!important}
.tasks-container .task-table th:last-child,
.tasks-container .task-table td:last-child{
    width:190px!important;
    min-width:190px!important;
    padding-left:10px!important;
    padding-right:12px!important;
    text-align:left!important;
    overflow:hidden!important;
}
.tasks-container .task-table td .actions{
    width:168px!important;
    min-width:168px!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    margin-left:0!important;
}

/* OPPORTUNITIES — simple currency context and contained product rows. */
.mc-opportunity-prepared{
    display:flex!important;
    width:calc(100% - 68px)!important;
    max-width:1472px!important;
    min-height:82px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    gap:14px!important;
    margin:0 auto 18px!important;
    padding:15px 18px!important;
    background:#fff!important;
    border:1px solid #dfe7f1!important;
    border-radius:13px!important;
    box-shadow:0 6px 20px rgba(25,48,82,.045)!important;
}
.mc-opportunity-prepared-icon{
    display:flex!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    align-items:center!important;
    justify-content:center!important;
    background:#edf5ff!important;
    border-radius:10px!important;
    color:#2471e8!important;
    font-size:16px!important;
    font-weight:800!important;
}
.mc-opportunity-prepared-copy{min-width:0!important;flex:1!important}
.mc-opportunity-prepared-copy>span{
    display:block!important;
    margin-bottom:3px!important;
    color:#71839a!important;
    font-size:8.5px!important;
    font-weight:800!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
}
.mc-opportunity-prepared-copy h2{
    margin:0!important;
    color:#172842!important;
    font-size:14px!important;
    line-height:1.3!important;
}
.mc-opportunity-prepared-copy p{
    margin:4px 0 0!important;
    color:#6f8096!important;
    font-size:9.5px!important;
}
.mc-opportunity-prepared-action{
    display:inline-flex!important;
    height:36px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 13px!important;
    background:#fff!important;
    border:1px solid #cbd9e9!important;
    border-radius:8px!important;
    color:#315f96!important;
    font-size:9px!important;
    font-weight:780!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}
.mc-opportunity-prepared-action:hover{background:#f7faff!important}
.mc-opportunity-next-action{
    max-width:100%!important;
    margin-top:5px!important;
    overflow:hidden!important;
    color:#60748d!important;
    font-size:8.5px!important;
    line-height:1.3!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.mc-opportunity-next-action span{
    margin-right:3px!important;
    color:#33805d!important;
    font-weight:800!important;
    text-transform:uppercase!important;
}
.mc-opportunity-next-action.is-missing{
    color:#b36c20!important;
    font-weight:760!important;
}
.mc-opportunity-form .opportunity-currency-context,
.edit-container .form-card .opportunity-currency-context{
    display:flex!important;
    min-height:20px!important;
    align-items:center!important;
    gap:5px!important;
    margin-top:6px!important;
    color:#7b8da4!important;
    font-size:9px!important;
    line-height:1.3!important;
}
.mc-opportunity-form .opportunity-currency-context strong,
.edit-container .form-card .opportunity-currency-context strong{
    color:#315f96!important;
    font-weight:780!important;
}
.mc-opportunity-form .items-wrapper,
.edit-container .form-card .items-wrapper{
    width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
}
.mc-opportunity-form .items-header,
.mc-opportunity-form .item-row,
.edit-container .form-card .items-header,
.edit-container .form-card .item-row{
    grid-template-columns:minmax(190px,2fr) 64px minmax(105px,.7fr) minmax(120px,.8fr) minmax(180px,1.8fr) 38px!important;
    gap:8px!important;
    box-sizing:border-box!important;
}
.mc-opportunity-form .item-row,
.edit-container .form-card .item-row{
    padding-right:16px!important;
}
.mc-opportunity-form .remove-item-button,
.edit-container .form-card .remove-item-button{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    justify-self:center!important;
    padding:0!important;
}
.mc-opportunity-form .items-footer,
.edit-container .form-card .items-footer{
    padding-right:4px!important;
}
.mc-opportunity-form .opportunity-total-box,
.edit-container .form-card .opportunity-total-box{
    display:flex!important;
    min-height:40px!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 13px!important;
    background:#f8fbff!important;
    border:1px solid #cbdbea!important;
    border-radius:9px!important;
    box-shadow:none!important;
}
.mc-opportunity-form .opportunity-total-label,
.edit-container .form-card .opportunity-total-label{
    color:#607690!important;
    font-size:9px!important;
    font-weight:750!important;
}
.mc-opportunity-form .opportunity-total-value,
.edit-container .form-card .opportunity-total-value{
    color:#172842!important;
    font-size:15px!important;
    font-weight:800!important;
}
.opportunity-total-currency{
    color:#315f96!important;
    font-size:10px!important;
    font-weight:780!important;
}
.opportunities-table{
    width:calc(100% - 68px)!important;
    max-width:1472px!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin-right:auto!important;
    margin-left:auto!important;
    table-layout:fixed!important;
}
.opportunities-table th,
.opportunities-table td{
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.opportunities-table th:first-child,
.opportunities-table td:first-child{
    width:70px!important;
    padding-right:12px!important;
    padding-left:20px!important;
    overflow:visible!important;
    text-overflow:clip!important;
}
.opportunities-table th:nth-child(2){width:20%!important}
.opportunities-table th:nth-child(3){width:16%!important}
.opportunities-table th:nth-child(4){width:11%!important}
.opportunities-table th:nth-child(5){width:9%!important}
.opportunities-table th:nth-child(6){width:10%!important}
.opportunities-table th:nth-child(7){width:13%!important}
.opportunities-table th:last-child,
.opportunities-table td:last-child{
    width:190px!important;
    min-width:190px!important;
    padding-left:10px!important;
    padding-right:18px!important;
}
.opportunities-table td:last-child .actions{
    width:168px!important;
    min-width:168px!important;
    justify-content:flex-start!important;
    margin-left:0!important;
}
.opportunities-table td:last-child .actions form{margin:0!important}
.opportunities-table td:last-child .edit-button,
.opportunities-table td:last-child .delete-button{
    width:80px!important;
    min-width:80px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
}
.opportunity-value-currency{
    display:block!important;
    margin-top:3px!important;
    color:#7f90a6!important;
    font-size:8.5px!important;
    font-weight:700!important;
}
@media(max-width:900px){
    .mc-opportunity-prepared{
        width:calc(100% - 30px)!important;
        align-items:flex-start!important;
        flex-wrap:wrap!important;
    }
    .mc-opportunity-prepared-action{
        width:100%!important;
    }
    .mc-opportunity-form .items-wrapper,
    .edit-container .form-card .items-wrapper{overflow-x:auto!important}
    .mc-opportunity-form .items-header,
    .mc-opportunity-form .item-row,
    .edit-container .form-card .items-header,
    .edit-container .form-card .item-row{min-width:850px!important}
}


/* =========================================================
   MOCLARUSCRM LOGIN AND MFA
   ========================================================= */

body.standalone-page {
    min-height: 100vh;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 20%, rgba(45, 126, 238, 0.18), transparent 34%),
        radial-gradient(circle at 88% 35%, rgba(32, 174, 122, 0.16), transparent 32%),
        linear-gradient(145deg, #f5f9fe, #edf5fc 52%, #f8fbfd) !important;
}

body.standalone-page::before,
body.standalone-page::after {
    position: fixed;
    z-index: 0;
    width: 72vw;
    height: 280px;
    border-radius: 50%;
    pointer-events: none;
    content: "";
}

body.standalone-page::before {
    top: 24%;
    left: -23%;
    background: linear-gradient(100deg, transparent, rgba(43, 125, 237, 0.22), rgba(73, 170, 239, 0.09), transparent);
}

body.standalone-page::after {
    top: 30%;
    right: -24%;
    background: linear-gradient(260deg, transparent, rgba(32, 184, 139, 0.22), rgba(65, 163, 230, 0.09), transparent);
}

.standalone-page .main {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 100vh;
    max-width: none !important;
    place-items: center;
    margin-left: 0 !important;
    padding: 24px !important;
}

.standalone-page .login-page {
    width: 100%;
    max-width: 470px !important;
    margin: 0 auto !important;
}

.standalone-page .login-card {
    position: relative;
    width: 100%;
    padding: 34px 38px 30px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #d2dfed;
    border-radius: 20px;
    box-shadow: 0 24px 65px rgba(29, 67, 108, 0.14);
    backdrop-filter: blur(16px);
}

.standalone-page .login-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, #287cf0, #3d85ec, #20ae7a);
    content: "";
}

.auth-brand {
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
}

.auth-product-name {
    color: #142946;
    font-size: 27px;
    font-weight: 820;
    letter-spacing: -0.04em;
}

.auth-product-name span {
    color: #2475e8;
}

.standalone-page .login-card h1 {
    margin: 0 !important;
    color: #142946 !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    text-align: center;
}

.standalone-page .login-card .subtitle {
    margin: 7px 0 25px;
    color: #647993;
    font-size: 13px;
    text-align: center;
}

.standalone-page .login-card .form-group {
    margin-bottom: 16px;
}

.standalone-page .login-card label {
    display: block;
    margin-bottom: 6px;
    color: #29415f;
    font-size: 12px;
    font-weight: 750;
}

.standalone-page .login-card input {
    width: 100%;
    min-height: 48px;
    padding: 11px 14px;
    background: #fcfdff;
    border: 1px solid #cbd9e8;
    border-radius: 10px;
    color: #172b46;
    font-size: 14px;
    outline: none;
}

.standalone-page .login-card input:focus {
    background: #ffffff;
    border-color: #2b7ded;
    box-shadow: 0 0 0 4px rgba(43, 125, 237, 0.12);
}

.standalone-page .login-button {
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 8px !important;
    background: linear-gradient(135deg, #2b7ff0, #176ce8);
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 780;
    cursor: pointer;
    box-shadow: 0 9px 20px rgba(23, 108, 232, 0.24);
}


.standalone-page .login-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 25px rgba(23, 108, 232, 0.30);
}

.auth-ready-status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 23px;
    padding-top: 17px;
    border-top: 1px solid #e2eaf3;
    color: #667b94;
    font-size: 11px;
    font-weight: 650;
}

.auth-ready-status::before {
    width: 9px;
    height: 9px;
    background: #18b86d;
    border-radius: 50%;
    content: "";
}

.auth-notice {
    margin: 0 0 18px;
    padding: 11px 13px;
    border: 1px solid #bfe4d2;
    border-radius: 10px;
    background: #f1fbf6;
    color: #176b49;
    font-size: 12px;
    line-height: 1.45;
}

.auth-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 19px;
    color: #667b94;
    font-size: 12px;
}

.auth-switch a {
    color: #176ce8;
    font-weight: 750;
    text-decoration: none;
}

.auth-switch a:hover,
.auth-switch a:focus-visible {
    text-decoration: underline;
}

.auth-field-help {
    margin-top: 6px;
    color: #667b94;
    font-size: 11px;
}

@media (max-width: 560px) {
    .standalone-page .login-card {
        padding: 30px 23px 26px;
    }
}

/* =========================================================
   LIVING LOGIN BACKGROUND
   ========================================================= */

body.standalone-page::before {
    animation: auth-wave-left 13s ease-in-out infinite alternate;
    will-change: transform;
}

body.standalone-page::after {
    animation: auth-wave-right 15s ease-in-out infinite alternate;
    will-change: transform;
}

.standalone-page .login-card {
    animation: auth-card-arrival 650ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.standalone-page .login-card::before {
    background-size: 200% 100%;
    animation: auth-accent-flow 6s ease-in-out infinite;
}

.auth-ready-status::before {
    animation: auth-ready-pulse 2.8s ease-in-out infinite;
}

@keyframes auth-wave-left {
    0% {
        transform: translate3d(-3%, -10px, 0) rotate(14deg) scale(1);
    }

    50% {
        transform: translate3d(5%, 18px, 0) rotate(18deg) scale(1.06);
    }

    100% {
        transform: translate3d(10%, -6px, 0) rotate(15deg) scale(1.02);
    }
}

@keyframes auth-wave-right {
    0% {
        transform: translate3d(4%, 12px, 0) rotate(-18deg) scale(1.04);
    }

    50% {
        transform: translate3d(-5%, -16px, 0) rotate(-14deg) scale(1);
    }

    100% {
        transform: translate3d(-9%, 8px, 0) rotate(-17deg) scale(1.07);
    }
}

@keyframes auth-card-arrival {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes auth-accent-flow {
    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

@keyframes auth-ready-pulse {
    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(21, 151, 101, 0);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(21, 151, 101, 0.11);
    }
}

/* Disable movement for users who prefer reduced motion */

@media (prefers-reduced-motion: reduce) {
    body.standalone-page::before,
    body.standalone-page::after,
    .standalone-page .login-card,
    .standalone-page .login-card::before,
    .auth-ready-status::before {
        animation: none !important;
    }
}

/* MFA QR code alignment */

.standalone-page .auth-qr-wrapper {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: center !important;
    margin: 20px auto;
}

.standalone-page .auth-qr-image {
    display: block;
    margin: 0 auto;
    border: 9px solid #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(29, 67, 108, 0.1);
}

.standalone-page .auth-manual-key {
    font-family: Consolas, "Courier New", monospace;
    text-align: center;
    letter-spacing: 0.05em;
}


/* Extra space before the password field */

.standalone-page .login-card .form-group + .form-group {
    margin-top: 10px !important;
}

/* Extra space before the MFA verification code */

.standalone-page .login-card form[action="/mfa/setup"] .form-group {
    margin-top: 12px !important;
}

/* MFA RECOVERY CODES */

.recovery-codes-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 24px 0;
}

.recovery-code {
    display: block;
    padding: 11px 10px;
    background: #f7faff;
    border: 1px solid #d2dfed;
    border-radius: 9px;
    color: #24415f;
    font-family: Consolas, "Courier New", monospace;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.04em;
    user-select: all;
}

.recovery-code:hover {
    background: #edf5ff;
    border-color: #abc8eb;
}

@media (max-width: 480px) {
    .recovery-codes-grid {
        grid-template-columns: 1fr;
    }
}

/* QUOTE TOTALS */

.quote-totals-content {
    width: 100%;
}

.quote-total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 8px;
}

.quote-total-row-final {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-top: 8px;
    border-top: 1px solid rgba(128, 128, 128, 0.25);
}

/* =============================================================
   NETWORK
   ============================================================= */

.sidebar-navigation a[href="/ui/network"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='6' cy='7' r='2.5'/%3E%3Ccircle cx='18' cy='7' r='2.5'/%3E%3Ccircle cx='12' cy='17' r='2.5'/%3E%3Cpath d='m8 8.5 2.5 6M16 8.5l-2.5 6M8.5 7h7'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='6' cy='7' r='2.5'/%3E%3Ccircle cx='18' cy='7' r='2.5'/%3E%3Ccircle cx='12' cy='17' r='2.5'/%3E%3Cpath d='m8 8.5 2.5 6M16 8.5l-2.5 6M8.5 7h7'/%3E%3C/svg%3E");
}

.network-page { padding: 34px;  }
.network-header, .network-card-heading, .network-dialog-heading, .network-dialog-actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.network-header { margin-bottom: 22px; }
.network-header h1 { margin: 2px 0 5px; font-size: clamp(28px, 3vw, 40px); letter-spacing: -.035em; }
.network-header p, .network-card-heading small, .network-dialog-heading p { margin: 0; color: #657a91; }
.network-eyebrow { color: #216bd4 !important; font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.network-primary-button, .network-secondary-button { min-height: 42px; padding: 0 16px; border-radius: 10px; border: 1px solid transparent; font: inherit; font-size: 13px; font-weight: 750; cursor: pointer; }
.network-primary-button { background: #1769e8; color: #fff; box-shadow: 0 8px 18px rgba(23,105,232,.18); }
.network-secondary-button { background: #fff; border-color: #cdd9e7; color: #24415f; }
.network-notice { margin: 0 0 18px; padding: 12px 15px; border: 1px solid; border-radius: 10px; font-size: 13px; }
.network-notice-success { color: #136848; background: #ecfbf5; border-color: #bdebd8; }
.network-notice-error { color: #a53636; background: #fff2f2; border-color: #efc4c4; }
.network-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.network-kpis article { display: flex; align-items: baseline; gap: 10px; padding: 18px 20px; background: #fff; border: 1px solid #dbe5f0; border-radius: 14px; box-shadow: 0 8px 24px rgba(35,65,98,.06); }
.network-kpis strong { color: #1769e8; font-size: 27px; }
.network-kpis span { color: #657a91; font-size: 12px; font-weight: 700; }
.network-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.4fr); gap: 18px; }
.network-card { min-width: 0; overflow: hidden; background: #fff; border: 1px solid #dbe5f0; border-radius: 16px; box-shadow: 0 10px 30px rgba(35,65,98,.065); }
.network-card-heading { min-height: 73px; padding: 15px 18px; border-bottom: 1px solid #e5ecf4; }
.network-card-heading span { display: block; margin-bottom: 4px; font-weight: 800; }
.network-card-heading small { display: block; font-size: 11px; }
.network-map {  min-height: 420px; background: radial-gradient(circle at 50% 50%, #f9fbff 0, #f2f7fd 75%, #edf4fb 100%); }
.network-map-svg {  width: 100%; height: 420px; }
.network-map-svg line { stroke: #9db8db; stroke-width: 1.5; }
.network-map-node { cursor: grab; touch-action: none; }
.network-map-node:active { cursor: grabbing; }
.network-map-node circle { fill: #1769e8; stroke: #fff; stroke-width: 4; filter: drop-shadow(0 5px 8px rgba(23,105,232,.24)); }
.network-map-node text { fill: #fff; font-size: 11px; font-weight: 800; pointer-events: none; }
.network-map-node .network-map-label { fill: #294966; font-size: 9px; font-weight: 700; }
.network-empty { padding: 18px; text-align: center; color: #72869b; }
.network-search input { width: min(240px, 26vw); min-height: 40px; padding: 0 12px; border: 1px solid #ccd9e7; border-radius: 9px; color: #18324d; }
.network-table-wrap { max-height: 420px; overflow: auto; }
.network-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.network-table th { position: sticky; top: 0; z-index: 1; padding: 11px 14px; background: #f4f7fb; color: #6c8095; font-size: 10px; text-align: left; text-transform: uppercase; letter-spacing: .07em; }
.network-table td { padding: 13px 14px; border-top: 1px solid #e8eef5; vertical-align: top; }
.network-table tbody tr[data-network-person-id] { cursor: pointer; }
.network-table tbody tr[data-network-person-id]:focus-visible { outline: 2px solid #2f7be5; outline-offset: -2px; background: #f4f8fd; }
.network-table td strong { display: block; color: #1b3956; }
.network-table td a { display: inline-block; margin-top: 3px; color: #1769e8; font-size: 10px; text-decoration: none; }
.network-table-empty { padding: 40px !important; color: #75899d; text-align: center; }
.network-source { display: inline-block; padding: 4px 7px; border-radius: 99px; background: #edf2f7; color: #536a81; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.network-source-linkedin { background: #e8f2ff; color: #1261aa; }
.network-dialog { width: min(570px, calc(100vw - 30px)); padding: 0; border: 0; border-radius: 16px; color: #18324d; box-shadow: 0 25px 80px rgba(15,35,55,.28); }
.network-dialog::backdrop { background: rgba(13,28,45,.48); }
.network-dialog form { padding: 22px; }
.network-dialog-heading { align-items: flex-start; margin-bottom: 22px; }
.network-dialog-heading h2 { margin: 0 0 5px; }
.network-dialog-heading button { border: 0; background: transparent; color: #708399; font-size: 25px; cursor: pointer; }
.network-file-field, .network-form-grid label { display: grid; gap: 7px; font-size: 12px; font-weight: 750; }
.network-file-field { padding: 20px; border: 1px dashed #b8c9dd; border-radius: 12px; background: #f7faff; }
.network-file-field small { color: #72869b; font-weight: 500; line-height: 1.5; }
.network-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.network-form-grid select, .network-form-grid textarea { width: 100%; padding: 10px 11px; border: 1px solid #cbd8e6; border-radius: 9px; background: #fff; color: #18324d; font: inherit; }
.network-form-wide { grid-column: 1 / -1; }
.network-dialog-actions { justify-content: flex-end; margin-top: 22px; }

@media (max-width: 1050px) {
    .network-layout { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .network-page { padding: 20px; }
    .network-header, .network-card-heading { align-items: flex-start; flex-direction: column; }
    .network-kpis { grid-template-columns: 1fr; }
    .network-search, .network-search input { width: 100%; }
    .network-form-grid { grid-template-columns: 1fr; }
}

/* GLOBAL SCROLLBAR STABILITY — content width never jumps */
html {
    overflow-y: scroll !important;
    scrollbar-gutter: stable !important;
}

body {
    min-height: 100vh;
}

.network-view-panel[data-network-panel="people"].active .network-table-wrap {
    overflow-y: overlay !important;
    scrollbar-gutter: stable !important;
}

html::-webkit-scrollbar,
.network-view-panel[data-network-panel="people"].active .network-table-wrap::-webkit-scrollbar {
    width: 10px;
}

html::-webkit-scrollbar-track,
.network-view-panel[data-network-panel="people"].active .network-table-wrap::-webkit-scrollbar-track {
    background: transparent;
}

html::-webkit-scrollbar-thumb,
.network-view-panel[data-network-panel="people"].active .network-table-wrap::-webkit-scrollbar-thumb {
    min-height: 48px;
    border: 3px solid transparent;
    border-radius: 10px;
    background: rgba(85, 108, 136, .46);
    background-clip: padding-box;
}

html::-webkit-scrollbar-thumb:hover,
.network-view-panel[data-network-panel="people"].active .network-table-wrap::-webkit-scrollbar-thumb:hover {
    background: rgba(54, 82, 116, .68);
    background-clip: padding-box;
}

/* MY DAY — use the same page margins as Dashboard */
.main > .mc-myday {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--ui-content-width, 1540px) !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* GLOBAL PAGE FRAME — one shared Dashboard margin on every CRM page */
body:not(.standalone-page) .main > :only-child {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--ui-content-width, 1540px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

@media (max-width: 640px) {
    .main > .mc-myday {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

/* NETWORK WARMTH — quiet energy, clear interaction */
.network-kpis article[role="button"] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    isolation: isolate;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.network-kpis article[role="button"]::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -34px;
    bottom: -52px;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(69, 126, 222, .13), transparent 68%);
    opacity: 0;
    transform: scale(.72);
    transition: opacity .2s ease, transform .24s ease;
}

.network-kpis article[role="button"]:hover,
.network-kpis article[role="button"]:focus-visible {
    transform: translateY(-2px);
    border-color: #a9c5e9 !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 10px 25px rgba(36, 83, 140, .12) !important;
    outline: none;
}

.network-kpis article[role="button"]:hover::after,
.network-kpis article[role="button"]:focus-visible::after {
    opacity: 1;
    transform: scale(1);
}

.network-kpis article[role="button"]:active { transform: translateY(0); }
.network-kpis article[role="button"] .network-kpi-icon { position: relative; transition: transform .2s ease, box-shadow .2s ease; }
.network-kpis article[role="button"]:hover .network-kpi-icon { transform: scale(1.06); box-shadow: 0 6px 14px rgba(45, 102, 184, .11); }

.network-kpi-icon::before {
    content: "";
    position: absolute;
    inset: 10px;
    background: #3476d7;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

.network-kpi-icon.people::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19c.5-4 2.5-6 5.5-6s5 2 5.5 6M16 5.5a3 3 0 0 1 0 5.8M16.5 13c2.3.5 3.7 2.5 4 5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19c.5-4 2.5-6 5.5-6s5 2 5.5 6M16 5.5a3 3 0 0 1 0 5.8M16.5 13c2.3.5 3.7 2.5 4 5'/%3E%3C/svg%3E");
}
.network-kpi-icon.paths::before { background: #1e9d73; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Ccircle cx='6' cy='6' r='2.5'/%3E%3Ccircle cx='18' cy='7' r='2.5'/%3E%3Ccircle cx='12' cy='18' r='2.5'/%3E%3Cpath d='m8 7 7.5-.1M7.5 8l3.3 7.6M16.8 9l-3.5 6.7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Ccircle cx='6' cy='6' r='2.5'/%3E%3Ccircle cx='18' cy='7' r='2.5'/%3E%3Ccircle cx='12' cy='18' r='2.5'/%3E%3Cpath d='m8 7 7.5-.1M7.5 8l3.3 7.6M16.8 9l-3.5 6.7'/%3E%3C/svg%3E"); }
.network-kpi-icon.company::before { background: #705fd7; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 21V5l8-3v19M12 8h8v13M2 21h20M7 7h2M7 11h2M7 15h2M15 11h2M15 15h2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 21V5l8-3v19M12 8h8v13M2 21h20M7 7h2M7 11h2M7 15h2M15 11h2M15 15h2'/%3E%3C/svg%3E"); }
.network-kpi-icon.import::before { background: #d98222; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 3v12M8 11l4 4 4-4M5 17v3h14v-3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 3v12M8 11l4 4 4-4M5 17v3h14v-3'/%3E%3C/svg%3E"); }

.network-map-stage::before,
.network-map-stage::after {
    content: "";
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(8px);
    opacity: .34;
}

.network-map-stage::before {
    top: -180px;
    left: 12%;
    width: 520px;
    height: 520px;
    background: radial-gradient(circle, rgba(92, 149, 229, .24), rgba(139, 193, 239, .08) 46%, transparent 70%);
    animation: network-warm-drift-one 12s ease-in-out infinite alternate;
}

.network-map-stage::after {
    right: 4%;
    bottom: -250px;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(110, 89, 222, .18), rgba(65, 190, 148, .07) 48%, transparent 70%);
    animation: network-warm-drift-two 15s ease-in-out infinite alternate;
}

.network-map,
.network-map-legend,
.network-map-tip { z-index: 2; }
.network-map { position: relative; }

.network-map-node circle { animation: network-person-breathe 3.8s ease-in-out infinite; }
.network-map-node:nth-child(2n) circle { animation-delay: -1.2s; }
.network-map-node:nth-child(3n) circle { animation-delay: -2.4s; }

.network-map-node:hover circle {
    stroke: #dceaff !important;
    stroke-width: 7px !important;
    filter: drop-shadow(0 0 15px rgba(49, 118, 221, .48)) !important;
}

.network-map-node:hover .network-map-label { fill: #174f96 !important; font-weight: 800 !important; }
.network-relation-line { opacity: .9; }
.network-relation-line.active { opacity: 1; filter: drop-shadow(0 0 7px currentColor) !important; }

@keyframes network-warm-drift-one {
    from { transform: translate3d(-5%, -2%, 0) scale(.96); }
    to { transform: translate3d(18%, 9%, 0) scale(1.08); }
}
@keyframes network-warm-drift-two {
    from { transform: translate3d(8%, 5%, 0) scale(1.03); }
    to { transform: translate3d(-14%, -10%, 0) scale(.95); }
}
@keyframes network-person-breathe {
    0%, 100% { opacity: .94; }
    50% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .network-kpis article[role="button"],
    .network-kpis article[role="button"]::after,
    .network-kpis article[role="button"] .network-kpi-icon,
    .network-map-stage::before,
    .network-map-stage::after,
    .network-map-node circle { animation: none !important; transition: none !important; }
}

/* GLOBAL VIEWPORT STABILITY */
html {
    scroll-behavior: auto !important;
    overflow-anchor: none;
}

/* NETWORK RESPONSIVE CONTENT HEIGHT */
.network-top-actions .network-global-search {
    width: clamp(280px, 24vw, 390px) !important;
}

.network-top-actions .network-global-search input#network-search {
    text-overflow: ellipsis;
}

.network-workspace {
    min-height: 0 !important;
}

.network-view-panel[data-network-panel="people"].active,
.network-view-panel[data-network-panel="people"].active .network-table-wrap {
    min-height: 0 !important;
}

.network-view-panel[data-network-panel="people"].active .network-table-wrap {
    max-height: min(68vh, 760px) !important;
    overflow-y: auto;
}

.network-view-panel[data-network-panel="people"].active .network-table-empty,
.network-view-panel[data-network-panel="people"].active .network-no-results {
    min-height: 120px;
}

@media (max-width: 680px) {
    
}

/* SIDEBAR SCROLL — keep wheel/touchpad scrolling without a visible rail */
.sidebar {
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none;
}

.sidebar::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* NETWORK V2 — dashboard-width relationship workspace */
.network-page { padding: 0 !important; color: #18324d; }
.network-topbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 72px; margin-bottom: 16px; }
.network-topbar h1 { margin: 1px 0 3px !important; font-size: 30px !important; }
.network-topbar > div > p:last-child { margin: 0; color: #667d96; }
.network-top-actions { display: flex; align-items: center; gap: 10px; }
.network-global-search { position: relative; display: block; }
.network-global-search span { position: absolute; top: 50%; left: 13px; width: 15px; height: 15px; border: 1.8px solid #607891; border-radius: 50%; transform: translateY(-58%); pointer-events: none; }
.network-global-search span::after { content: ""; position: absolute; right: -5px; bottom: -3px; width: 6px; height: 1.8px; background: #607891; transform: rotate(45deg); }
.network-global-search input { width: 245px;  padding: 0 14px 0 39px !important; border-radius: 9px !important; }
.network-primary-button, .network-secondary-button, .network-hero-button, .network-hero-link { height: 42px !important; min-height: 42px !important; padding: 0 17px !important; border-radius: 9px !important; font-size: 12px !important; font-weight: 750 !important; }
.network-primary-button, .network-hero-button { border: 1px solid #2d70df; background: linear-gradient(180deg, #3e7ee8, #2869d6); color: #fff; box-shadow: 0 6px 15px rgba(37,103,211,.18); }
.network-secondary-button, .network-hero-link { border: 1px solid #c9d7e7; background: #fff; color: #284865; box-shadow: 0 2px 5px rgba(25,55,85,.04); }
.network-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 330px; align-items: center; min-height: 218px; margin-bottom: 14px; padding: 28px 34px; overflow: hidden; isolation: isolate; border: 1px solid #cbdcf1; border-radius: 12px; background: linear-gradient(118deg, #f4f9ff 0%, #eaf3ff 58%, #eef0ff 100%); box-shadow: 0 8px 25px rgba(39,83,132,.07); }
.network-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .35; background-image: radial-gradient(circle, rgba(67,117,188,.25) 1px, transparent 1px); background-size: 25px 25px; mask-image: linear-gradient(to right, transparent, #000 60%); }
.network-hero-glow { position: absolute; z-index: -1; width: 260px; height: 260px; border-radius: 50%; filter: blur(14px); opacity: .25; animation: network-breathe 7s ease-in-out infinite alternate; }
.network-hero-glow-one { right: 12%; top: -60%; background: #73a9ff; }
.network-hero-glow-two { right: -4%; bottom: -90%; background: #8a77e8; animation-delay: -3s; }
.network-live-label { display: inline-flex; align-items: center; gap: 7px; color: #187251; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.network-live-label i { width: 8px; height: 8px; border-radius: 50%; background: #2fc48d; box-shadow: 0 0 0 5px rgba(47,196,141,.11); animation: network-pulse 2.7s ease-in-out infinite; }
.network-hero h2 { max-width: 720px; margin: 13px 0 8px; font-size: clamp(20px, 2vw, 27px) !important; line-height: 1.25; }
.network-hero-copy > p { max-width: 670px; margin: 0; color: #607992; }
.network-hero-actions { display: flex; gap: 9px; margin-top: 20px; }
.network-orbit { position: relative; width: 250px; height: 170px; justify-self: center; }
.network-orbit-ring { position: absolute; border: 1px solid rgba(63,112,185,.26); border-radius: 50%; animation: network-orbit 18s linear infinite; }
.network-orbit-ring::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #6d83ed; box-shadow: 0 0 12px #6d83ed; }
.network-orbit-ring.ring-one { inset: 13px 28px; transform: rotate(-12deg); }
.network-orbit-ring.ring-one::after { right: 22px; top: 8px; }
.network-orbit-ring.ring-two { inset: 35px 3px; transform: rotate(16deg); animation-direction: reverse; animation-duration: 24s; }
.network-orbit-ring.ring-two::after { left: 25px; bottom: 5px; }
.network-orbit-person { position: absolute; display: grid; place-items: center; border: 4px solid rgba(255,255,255,.9); border-radius: 50%; background: linear-gradient(145deg, #457fe1, #715de0); box-shadow: 0 8px 22px rgba(52,91,157,.2); }
.person-main { top: 52px; left: 96px; width: 58px; height: 58px; color: #fff; font-size: 15px; font-weight: 800; }
.person-one, .person-two, .person-three { width: 30px; height: 30px; background: #fff; }
.person-one { top: 13px; left: 38px; }.person-two { right: 18px; top: 51px; }.person-three { bottom: 7px; left: 46px; }
.person-one::after, .person-two::after, .person-three::after { content: ""; width: 12px; height: 12px; border-radius: 50%; background: #8eabd0; box-shadow: 0 10px 0 3px #8eabd0; }
.network-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; margin-bottom: 14px !important; }
.network-kpis article { align-items: center !important; gap: 13px !important; min-height: 78px; padding: 14px 17px !important; border-radius: 10px !important; box-shadow: 0 4px 16px rgba(35,65,98,.04) !important; }
.network-kpis article div { display: grid; }
.network-kpis strong { color: #17395e !important; font-size: 22px !important; line-height: 1.1; }
.network-kpis small { margin-top: 4px; color: #72869c; font-size: 10px; font-weight: 650; }
.network-kpi-icon { width: 38px; height: 38px; border-radius: 10px; background: #edf4ff; }
.network-kpi-icon.paths { background: #ecf9f4; }.network-kpi-icon.company { background: #f2efff; }.network-kpi-icon.import { background: #fff5e5; }
.network-workspace {  min-height: 510px; border: 1px solid #d7e2ee; border-radius: 12px; background: #fff; box-shadow: 0 7px 22px rgba(35,65,98,.055); }
.network-workspace-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 67px; padding: 0 18px; border-bottom: 1px solid #dfe7f0; }
.network-view-tabs { display: flex; align-self: stretch; gap: 22px; }
.network-view-tabs button { position: relative; height: auto !important; min-height: 0 !important; padding: 0 2px !important; border: 0; background: transparent; color: #71849a; font-size: 12px !important; font-weight: 700 !important; }
.network-view-tabs button.active { color: #194e95; }
.network-view-tabs button.active::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; border-radius: 3px 3px 0 0; background: #2f75df; }
.network-workspace-actions { display: flex; align-items: center; gap: 14px; }
.network-workspace-actions > span { color: #788ba0; font-size: 10px; }
.network-view-panel[hidden] { display: none !important; }
.network-map-stage { position: relative; min-height: 510px;  background: radial-gradient(circle at 50% 42%, #fff 0, #f7faff 50%, #edf4fb 100%); }
.network-map { min-height: 510px !important; background: transparent !important; }
.network-map-svg { height: 510px !important; }
.network-map-svg line { stroke: #8eb0da !important; stroke-width: 1.4 !important; stroke-dasharray: 4 3; }
.network-map-node circle { fill: #2f72d6 !important; }
.network-map-node.from-linkedin circle { fill: #1475a9 !important; }
.network-map-node .network-map-label { fill: #294966 !important; font-size: 10px !important; }
.network-map-legend { position: absolute; bottom: 17px; left: 19px; display: flex; gap: 17px; padding: 8px 11px; border: 1px solid #d9e4ef; border-radius: 8px; background: rgba(255,255,255,.86); backdrop-filter: blur(8px); color: #657b92; font-size: 9px; }
.network-map-legend span { display: flex; align-items: center; gap: 5px; }.network-map-legend i { width: 8px; height: 8px; border-radius: 50%; background: #2f72d6; }.network-map-legend i.linkedin { background: #1475a9; }.network-map-legend i.line { width: 16px; height: 2px; border-radius: 0; background: #8eb0da; }
.network-map-tip { position: absolute; top: 17px; right: 19px; padding: 7px 10px; border-radius: 7px; background: rgba(255,255,255,.82); color: #7a8ca0; font-size: 9px; }
.network-table-wrap { max-height: none !important; min-height: 510px; }
.network-table td:first-child { display: flex; align-items: center; gap: 10px; }
.network-people-controls { display: flex; align-items: end; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #e4ebf3; background: #f8fafc; }
.network-people-controls label { display: grid; gap: 5px; }
.network-people-controls label > span { color: #657b91; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.network-people-controls select { min-width: 180px; height: 38px; padding: 0 34px 0 11px; border: 1px solid #cfdbe7; border-radius: 8px; background-color: #fff; color: #29445e; font: inherit; }
.network-people-controls small { margin: 0 0 10px auto; color: #71869a; font-size: 11px; }
.network-import-preview { display: grid; gap: 10px; margin-top: 14px; padding: 13px; border: 1px solid #d8e5f1; border-radius: 10px; background: #f8fbfe; }
.network-import-preview[hidden] { display: none; }
.network-import-preview > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; color: #24445f; }
.network-import-preview > div:first-child small, .network-import-preview > small { color: #71869a; font-size: 11px; }
.network-import-preview-table { max-width: 100%; overflow-x: auto; border: 1px solid #e1e9f1; border-radius: 8px; background: #fff; }
.network-import-preview table { width: 100%; border-collapse: collapse; font-size: 11px; white-space: nowrap; }
.network-import-preview th, .network-import-preview td { padding: 8px 10px; border-bottom: 1px solid #e8eef5; text-align: left; }
.network-import-preview th { background: #f2f6fa; color: #687f94; font-size: 9px; letter-spacing: .05em; text-transform: uppercase; }
.network-import-preview-error { margin: 12px 0 0; padding: 10px 12px; border-radius: 8px; background: #fff2f1; color: #a33a32; font-size: 12px; }
.network-dialog-actions button:disabled { cursor: not-allowed; opacity: .48; }
.network-dialog-actions [data-network-import-submit] { position: relative; z-index: 2; pointer-events: auto !important; }
.network-dialog-actions [data-network-import-submit]:not(:disabled) { cursor: pointer; }
.opportunity-contact-picker { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 8px; max-height: 210px; padding: 10px; overflow-y: auto; border: 1px solid #d6e1ec; border-radius: 10px; background: #f8fafc; }
.opportunity-contact-choice { display: grid; grid-template-columns: minmax(0,1fr) 145px; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid #e1e8f0; border-radius: 8px; background: #fff; }
.opportunity-contact-choice[hidden] { display: none; }
.opportunity-contact-picker label { display: flex; align-items: center; gap: 9px; min-height: 38px; cursor: pointer; }
.opportunity-contact-choice select { min-width: 0; height: 36px; font-size: 11px; }
.opportunity-contact-picker input { flex: 0 0 auto; }
.opportunity-contact-picker span { display: grid; gap: 2px; }
.opportunity-contact-picker strong { color: #27435d; font-size: 12px; }
.opportunity-contact-picker small, .opportunity-contact-picker p { margin: 0; color: #73879a; font-size: 11px; }
.network-person-opportunities [data-person-opportunities] { display: grid; gap: 7px; }
.network-person-opportunities a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border: 1px solid #dbe6f1; border-radius: 8px; background: #fff; text-decoration: none; }
.network-person-opportunities a strong { color: #2169cf; }
.network-person-opportunities a small { margin: 0; color: #71869a; }
.network-introduction-suggestion { display: grid; gap: 7px; margin-top: 12px; padding: 14px; border: 1px solid #cfe0f3; border-radius: 10px; background: linear-gradient(135deg, #f5f9fe, #eef5fd); }
.network-introduction-suggestion[hidden] { display: none; }
.network-introduction-suggestion > span { color: #3973b7; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.network-introduction-suggestion > strong { color: #214666; font-size: 13px; }
.network-introduction-suggestion > p { margin: 0; color: #5d7489; font-size: 11px; line-height: 1.5; }
.network-introduction-suggestion .network-secondary-button { width: max-content; margin-top: 2px; }
.myday-relationship-reminders { border-color: #d7e4f2; }
.myday-relationship-reminders summary b { background: #edf4ff; color: #1769e8; }
.opportunity-network-coverage { margin-top: 10px; padding: 12px 14px; border: 1px solid #f0d8ad; border-radius: 9px; background: #fff9ef; color: #765426; }
.opportunity-network-coverage strong { font-size: 12px; }
.opportunity-network-coverage ul { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 7px 0 0; padding-left: 18px; font-size: 11px; }
.opportunity-network-coverage p { margin: 5px 0 0; font-size: 11px; }
.opportunity-network-coverage.complete { border-color: #cfe5d8; background: #f2faf5; color: #336a49; }
@media (max-width: 680px) { .opportunity-contact-choice { grid-template-columns: 1fr; } }
.network-person-avatar { flex: 0 0 34px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #eaf2ff; color: #2e69c1; font-size: 10px; font-weight: 800; }
.network-no-results { padding: 50px; color: #75899d; text-align: center; }
@keyframes network-breathe { from { transform: translate3d(-8px,-5px,0) scale(.96); } to { transform: translate3d(10px,8px,0) scale(1.05); } }
@keyframes network-pulse { 50% { box-shadow: 0 0 0 8px rgba(47,196,141,0); } }
@keyframes network-orbit { to { transform: rotate(348deg); } }
@media (prefers-reduced-motion: reduce) { .network-hero-glow, .network-live-label i, .network-orbit-ring { animation: none !important; } }
@media (max-width: 900px) { .network-hero { grid-template-columns: 1fr; }.network-orbit { display: none; }.network-kpis { grid-template-columns: repeat(2,1fr) !important; } }
@media (max-width: 680px) { .network-topbar, .network-top-actions, .network-workspace-bar { align-items: stretch; flex-direction: column; }.network-global-search input { width: 100%; }.network-kpis { grid-template-columns: 1fr !important; }.network-workspace-bar { padding: 14px; }.network-view-tabs { min-height: 42px; }.network-workspace-actions { justify-content: space-between; }.network-people-controls { align-items: stretch; flex-direction: column; }.network-people-controls select { width: 100%; }.network-people-controls small { margin: 2px 0 0; } }

/* NETWORK CONTROL ALIGNMENT */
.network-top-actions .network-global-search,
.network-top-actions .network-primary-button {
    box-sizing: border-box !important;
    height: 46px !important;
    min-height: 46px !important;
}

.network-top-actions .network-global-search {
    position: relative !important;
    width: 190px !important;
}

.network-top-actions .network-global-search > span {
    top: 50% !important;
    left: 15px !important;
    width: 18px !important;
    height: 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #617993 !important;
    transform: translateY(-50%) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.network-top-actions .network-global-search > span::after {
    display: none !important;
}

.network-top-actions .network-global-search input#network-search {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 16px 0 46px !important;
    border: 1px solid #b9cdea !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: #173f73 !important;
    font-size: 13px !important;
    line-height: 46px !important;
    box-shadow: 0 2px 5px rgba(25, 55, 85, .045) !important;
}

.network-top-actions .network-global-search input#network-search:focus {
    border-color: #2f72d6 !important;
    box-shadow: 0 0 0 3px rgba(47, 114, 214, .13) !important;
}

.network-top-actions .network-global-search > span {
    background: #2f69d6 !important;
}

.network-top-actions .network-primary-button {
    padding: 0 20px !important;
    line-height: 44px !important;
}

.network-view-tabs {
    align-self: center !important;
    box-sizing: border-box !important;
    height: 44px !important;
    gap: 4px !important;
    border: 1px solid #d5e0eb !important;
    background: #f3f6fa !important;
}

.network-view-tabs button,
.network-view-tabs button.active {
    box-sizing: border-box !important;
    width: 136px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #637991 !important;
    font-size: 11px !important;
    font-weight: 720 !important;
    line-height: 34px !important;
    box-shadow: none !important;
}

.network-view-tabs button.active {
    background: #ffffff !important;
    color: #1f579f !important;
    box-shadow: 0 2px 7px rgba(38, 70, 107, .11) !important;
}

.network-view-tabs button.active::after {
    display: none !important;
}

.network-map-node circle {
    transition: stroke-width .15s ease, filter .15s ease, transform .15s ease;
}

.network-map-node:hover circle {
    stroke-width: 5px !important;
    filter: drop-shadow(0 7px 11px rgba(23, 88, 180, .32)) !important;
}

.network-map-node.network-node-dragging circle {
    stroke-width: 6px !important;
}

.network-map-node.network-drop-target circle {
    stroke: #35c995 !important;
    stroke-width: 7px !important;
    filter: drop-shadow(0 0 14px rgba(53, 201, 149, .58)) !important;
}

.network-map-svg .network-relation-line {
    stroke: #7c95b5 !important;
    stroke-width: 2 !important;
    stroke-dasharray: none !important;
    transition: stroke-width .15s ease, filter .15s ease;
}

.network-map-svg .network-relation-line.relation-colleague,
.network-map-svg .network-relation-line.relation-former-colleague { stroke: #6c63d9 !important; }
.network-map-svg .network-relation-line.relation-partner { stroke: #23a678 !important; }
.network-map-svg .network-relation-line.relation-reports-to { stroke: #e29134 !important; }
.network-map-svg .network-relation-line.relation-introduced-by { stroke: #cf5b86 !important; }
.network-map-svg .network-relation-line.active { stroke-width: 4 !important; filter: drop-shadow(0 0 4px rgba(44,83,135,.28)); }
.network-map-svg .network-relation-line.network-relation-hit,
.network-map-svg .network-relation-line.network-relation-hit.relation-colleague,
.network-map-svg .network-relation-line.network-relation-hit.relation-former-colleague,
.network-map-svg .network-relation-line.network-relation-hit.relation-partner,
.network-map-svg .network-relation-line.network-relation-hit.relation-reports-to,
.network-map-svg .network-relation-line.network-relation-hit.relation-introduced-by {
    stroke: transparent !important;
    stroke-width: 14 !important;
    stroke-dasharray: none !important;
    filter: none !important;
    pointer-events: stroke;
    cursor: help;
}

.network-map-legend {
    max-width: calc(100% - 38px);
    flex-wrap: wrap;
    row-gap: 7px !important;
}

.network-map-legend i.relation {
    width: 17px !important;
    height: 3px !important;
    border-radius: 3px !important;
}

.network-map-legend i.knows { background: #7c95b5 !important; }
.network-map-legend i.colleague { background: #6c63d9 !important; }
.network-map-legend i.partner { background: #23a678 !important; }
.network-map-legend i.reports { background: #e29134 !important; }
.network-map-legend i.introduced { background: #cf5b86 !important; }

.network-relationship-tooltip {
    position: absolute;
    z-index: 5;
    max-width: 290px;
    padding: 8px 11px;
    border: 1px solid rgba(39, 76, 120, .16);
    border-radius: 8px;
    background: rgba(19, 44, 73, .94);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
    box-shadow: 0 8px 24px rgba(14, 37, 63, .22);
    pointer-events: none;
}

.network-relationship-tooltip[hidden] { display: none !important; }

.network-person-dialog { width: min(620px, calc(100vw - 30px)) !important; }
.network-person-sheet { padding: 22px; }
.network-person-identity { display: flex; align-items: center; gap: 13px; }
.network-person-identity > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(145deg, #3e7fe6, #2b66c8); color: #fff; font-size: 13px; font-weight: 800; box-shadow: 0 7px 17px rgba(39, 101, 199, .2); }
.network-person-identity h2 { margin: 0 0 3px !important; }
.network-person-details { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }
.network-person-details > div { min-width: 0; padding: 13px 14px; border: 1px solid #dce6f0; border-radius: 9px; background: #f8fafd; }
.network-person-details small { display: block; margin-bottom: 4px; color: #71869b; font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.network-person-details strong, .network-person-details p { overflow-wrap: anywhere; color: #27445f; font-size: 12px; font-weight: 650; }
.network-person-details p { margin: 0; font-weight: 500; white-space: pre-wrap; }
.network-person-detail-wide { grid-column: 1 / -1; }
.network-person-actions a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.network-person-actions [hidden] { display: none !important; }

@media (max-width: 680px) {
    .network-top-actions .network-global-search { width: 100% !important; }
    .network-view-tabs { width: 100% !important; }
    .network-view-tabs button,
    .network-view-tabs button.active { width: 50% !important; }
    .network-person-details { grid-template-columns: 1fr; }
.network-person-detail-wide { grid-column: auto; }
}

/* Shared contact profile image input */
.mc-contact-photo-field>label{display:flex!important;align-items:center;gap:7px}.mc-contact-photo-field>label span{padding:3px 7px;border-radius:99px;background:#edf4fd;color:#66809d;font-size:9px;font-weight:700;text-transform:none;letter-spacing:0}.mc-contact-photo-input{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:76px;padding:12px 14px;border:1px dashed #b9cde3;border-radius:11px;background:#f8fbfe}.mc-contact-photo-input>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e9f8f2;color:#15966b}.mc-contact-photo-input svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.mc-contact-photo-input>div{display:grid;gap:3px}.mc-contact-photo-input strong{color:#24415f;font-size:12px}.mc-contact-photo-input small{color:#71869d;font-size:10px}.mc-contact-photo-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;padding:0 13px!important;border:1px solid #c7d8e9;border-radius:8px;background:#fff;color:#2565b2!important;font-size:10px!important;font-weight:800!important;cursor:pointer}.mc-contact-photo-input input[type="file"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mc-contact-photo-input:focus-within{border-color:#4d8de8;box-shadow:0 0 0 3px rgba(45,115,224,.1)}
@media(max-width:650px){.mc-contact-photo-input{grid-template-columns:45px 1fr}.mc-contact-photo-button{grid-column:1/-1}}
.mc-contact-identity>span.mc-contact-photo{overflow:hidden;padding:0;background:#eaf1f8}.mc-contact-identity>span.mc-contact-photo img{display:block;width:100%;height:100%;object-fit:cover}
.mc-contact-photo-input>span.mc-contact-photo-preview{overflow:hidden;padding:0}.mc-contact-photo-preview img{display:block;width:100%;height:100%;object-fit:cover}.mc-contact-photo-remove{display:flex!important;align-items:center;gap:8px;margin-top:9px!important;color:#6d8299!important;font-size:10px!important;font-weight:650!important;text-transform:none!important;letter-spacing:0!important}.mc-contact-photo-remove input{width:16px!important;height:16px!important;margin:0;accent-color:#2d73df}.mc-contact-photo-remove span{padding:0!important;background:transparent!important;color:inherit!important;font:inherit!important}
.network-person-avatar.has-photo{overflow:hidden;padding:0;background:#eaf1f8}.network-person-avatar.has-photo img{display:block;width:100%;height:100%;object-fit:cover}.network-person-identity>span{overflow:hidden}.network-person-identity>span img{display:block;width:100%;height:100%;object-fit:cover}.network-person-identity>span b{font-size:inherit;color:inherit}.network-person-identity>span img[hidden],.network-person-identity>span b[hidden]{display:none!important}
.network-map-node .network-map-photo{pointer-events:none}
.network-profile-quality{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 12px;border:1px solid #cde9de;border-radius:9px;background:#f0faf6}.network-profile-quality>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#dff5eb;color:#13865e;font-size:11px;font-weight:850}.network-profile-quality>div{display:grid;gap:2px}.network-profile-quality strong{color:#24614d;font-size:10px}.network-profile-quality small{color:#668879;font-size:9px}.network-profile-quality.needs-details{border-color:#f0dcc0;background:#fff8ed}.network-profile-quality.needs-details>span{background:#ffedd2;color:#bd6b16}.network-profile-quality.needs-details strong{color:#915718}.network-profile-quality.needs-details small{color:#866f58}
.mc-contact-network-heading{margin:7px 0 -2px;padding-top:16px;border-top:1px solid #e4ebf3}.mc-contact-network-heading>span{color:#2370d9;font-size:9px;font-weight:850;letter-spacing:.1em}.mc-contact-network-heading h2{margin:4px 0 2px!important;color:#1d3c5d;font-size:15px!important}.mc-contact-network-heading small{color:#74889e;font-size:10px}

.network-map-svg .network-relation-line.strength-strong{opacity:1}.network-map-svg .network-relation-line.strength-normal{opacity:.78}.network-map-svg .network-relation-line.strength-weak{opacity:.48;stroke-dasharray:4 4!important}
.network-relationship-tooltip strong,.network-relationship-tooltip span{display:block}.network-relationship-tooltip strong{font-size:10px}.network-relationship-tooltip span{margin-top:3px;color:#d8e6f5;font-size:9px;font-weight:550;line-height:1.45}
.network-map-svg .network-relation-line.network-relation-hit{cursor:pointer!important}
.network-dialog-actions .network-danger-button{margin-right:auto;min-height:40px;padding:0 13px!important;border:1px solid #efc2c2!important;border-radius:8px!important;background:#fff!important;color:#c33f3f!important;font-size:10px!important;font-weight:800!important;cursor:pointer}.network-dialog-actions .network-danger-button:hover{border-color:#df8f8f!important;background:#fff5f5!important}.network-dialog-actions .network-danger-button[hidden]{display:none!important}
.network-map-controls{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-bottom:1px solid #dce7f2;background:rgba(255,255,255,.76)}.network-map-controls label{display:grid;gap:4px}.network-map-controls label>span{color:#73879d;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.network-map-controls select{height:36px;min-width:135px;padding:0 29px 0 10px;border:1px solid #ccdbea;border-radius:8px;background:#fff;color:#31506f;font-size:10px;font-weight:650}.network-map-controls select:focus{border-color:#4a88e3;outline:0;box-shadow:0 0 0 3px rgba(45,115,224,.09)}.network-map-controls>button{height:36px;padding:0 12px!important;border:1px solid #ccdbea!important;border-radius:8px!important;background:#fff!important;color:#35649d!important;font-size:9px!important;font-weight:800!important}.network-map-controls>small{margin:0 0 10px auto;color:#71869d;font-size:9px;white-space:nowrap}@media(max-width:900px){.network-map-controls{align-items:stretch;flex-wrap:wrap}.network-map-controls label{flex:1 1 150px}.network-map-controls select{width:100%}.network-map-controls>small{width:100%;margin:2px 0 0}}

/* Network relationship dialog: compact dashboard proportions */
html body #network-relationship-dialog.network-dialog {
    inline-size: min(680px, calc(100vw - 32px)) !important;
    width: min(680px, calc(100vw - 32px)) !important;
    max-inline-size: 680px !important;
    max-width: 680px !important;
    block-size: fit-content !important;
    height: fit-content !important;
    min-block-size: 0 !important;
    min-height: 0 !important;
    max-block-size: calc(100vh - 32px) !important;
    max-height: calc(100vh - 32px) !important;
    margin: auto !important;
    border: 1px solid #d5e2ef !important;
    border-radius: 16px !important;
    overflow: auto !important;
}
html body #network-relationship-dialog.network-dialog > form {
    box-sizing: border-box !important;
    inline-size: auto !important;
    width: auto !important;
    min-width: 0 !important;
    block-size: auto !important;
    min-block-size: 0 !important;
    min-height: 0 !important;
    padding: 21px 22px !important;
}
#network-relationship-dialog .network-dialog-heading { margin-bottom: 18px; }
#network-relationship-dialog .network-dialog-heading h2 { font-size: 19px; }
#network-relationship-dialog .network-dialog-heading p { font-size: 10.5px; line-height: 1.45; }
#network-relationship-dialog .network-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 13px 14px !important;
}
#network-relationship-dialog .network-form-grid label { min-width: 0; }
#network-relationship-dialog .network-form-grid input,
#network-relationship-dialog .network-form-grid select,
#network-relationship-dialog .network-form-grid textarea {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
}
#network-relationship-dialog .network-form-grid input,
#network-relationship-dialog .network-form-grid select { height: 40px !important; }
#network-relationship-dialog .network-form-grid textarea {
    min-height: 82px !important;
    max-height: 140px !important;
    resize: vertical;
}
#network-relationship-dialog .network-dialog-actions { margin-top: 18px; }

/* Keep the map filters balanced and leave room for the result count. */
.network-map-controls > label { min-width: 0; }
.network-map-controls > label:nth-of-type(1) { flex: 0 1 150px; }
.network-map-controls > label:nth-of-type(2) { flex: 1 1 250px; }
.network-map-controls > label:nth-of-type(3) { flex: 1.4 1 300px; }
.network-map-controls > label:nth-of-type(4) { flex: 0 1 150px; }
.network-map-controls > label select { width: 100%; min-width: 0; }
.network-map-controls > button { flex: 0 0 auto; white-space: nowrap; }
.network-map-controls > small { flex: 0 0 auto; min-width: 48px; margin-left: 2px; text-align: right; }

@media (max-width: 700px) {
    html body #network-relationship-dialog.network-dialog {
        inline-size: calc(100vw - 24px) !important;
        width: calc(100vw - 24px) !important;
        max-inline-size: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
    }
    #network-relationship-dialog .network-form-grid { grid-template-columns: 1fr !important; }
    #network-relationship-dialog .network-form-wide { grid-column: auto !important; }
}

/* Network map: equal controls and contact-aware vertical space */
.network-map-controls > button[data-network-reset] {
    box-sizing: border-box !important;
    align-self: flex-end;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin-bottom: 7px !important;
    padding: 0 15px !important;
    font-size: 10px !important;
    line-height: 1 !important;
}
.network-map-controls > small[data-network-map-count] {
    align-self: center;
    margin-top: 15px;
    margin-bottom: 0;
}
.network-map-stage {
    min-height: var(--network-map-height, 540px) !important;
    transition: min-height .2s ease;
}
.network-map {
    min-height: var(--network-map-height, 540px) !important;
    transition: min-height .2s ease;
}
.network-map-svg {
    display: block;
    height: var(--network-map-height, 540px) !important;
    transition: height .2s ease;
}
@media (max-width: 900px) {
    .network-map-controls > button[data-network-reset] { margin-bottom: 0 !important; }
    .network-map-controls > small[data-network-map-count] {
        align-self: auto;
        margin-top: 2px;
    }
}
.cal-linked-records{display:grid;gap:8px;padding:11px 12px;border:1px solid #d6e3f1;border-radius:10px;background:#f7faff}
.cal-linked-records[hidden]{display:none!important}
.cal-linked-records>span{color:#657a94;font-size:10px;font-weight:850;letter-spacing:.08em}
.cal-linked-records>div{display:flex;flex-wrap:wrap;gap:7px}
.cal-linked-records a{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #c9dbef;border-radius:8px;background:#fff;color:#1769e8;font-size:11px;font-weight:750;text-decoration:none}
.cal-linked-records a[hidden]{display:none!important}
.cal-linked-records a:hover{border-color:#8bb9ef;background:#f0f7ff}

/* Calendar — calm enterprise work surface. Scoped to Calendar only. */
.mc-calendar-enterprise{grid-template-columns:minmax(0,1fr) 300px!important;gap:13px!important;max-width:1540px;margin:0 auto}
.mc-calendar-enterprise .cal-hero{grid-column:1;min-height:98px!important;padding:17px 20px!important}
.mc-calendar-enterprise .cal-side{grid-column:2;grid-row:1/span 5;gap:12px!important}
.mc-calendar-enterprise .cal-shell{grid-column:1}
.mc-calendar-enterprise .cal-hero h1{font-size:30px!important}
.mc-calendar-enterprise .cal-hero p{font-size:11.5px!important}
.mc-calendar-enterprise .cal-new,.mc-calendar-enterprise .cal-bell{min-height:40px!important;height:40px!important}

.cal-brief{grid-column:1;display:grid;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:18px;min-height:92px;padding:14px 16px;border:1px solid #d5e4f0;border-left:3px solid #25a974;border-radius:13px;background:linear-gradient(115deg,#f1fbf7,#fff 52%,#f4f8ff);box-shadow:0 8px 24px rgba(28,73,111,.055)}
.cal-brief-lead{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px;min-width:0}.cal-brief-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e4f7ee;color:#159568;font-size:18px;font-weight:850}.cal-brief-icon.has-warning{background:#fff1de;color:#cc7816}.cal-brief-lead>div>span,.cal-first-plan span{color:#1769e8;font-size:9px;font-weight:850;letter-spacing:.09em}.cal-brief h2{margin:3px 0;color:#172b47;font-size:15px;line-height:1.3}.cal-brief p{margin:0;color:#657991;font-size:10.5px;line-height:1.45}
.cal-brief-metrics{display:grid;grid-template-columns:repeat(3,96px);border:1px solid #dce7f1;border-radius:10px;background:rgba(255,255,255,.8);overflow:hidden}.cal-brief-metrics>div{min-width:0;padding:10px 11px;border-left:1px solid #e5edf5}.cal-brief-metrics>div:first-child{border-left:0}.cal-brief-metrics span,.cal-brief-metrics small{display:block;color:#74869c;font-size:8px;line-height:1.3}.cal-brief-metrics span{font-weight:800;text-transform:uppercase}.cal-brief-metrics strong{display:block;margin:3px 0 2px;color:#17304f;font-size:15px;line-height:1.1}.cal-brief>button{min-height:36px;padding:0 13px;border:1px solid #d7bd95;border-radius:8px;background:#fff;color:#a26117;font-size:10px;font-weight:780;cursor:pointer}

.cal-first-plan{grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;padding:15px 18px;border:1px solid #d9e5f1;border-radius:13px;background:linear-gradient(110deg,#fff,#f5f9ff 58%,#f7f4ff);box-shadow:0 7px 20px rgba(28,60,100,.045)}.cal-first-plan h2{margin:4px 0 3px;color:#19314f;font-size:15px}.cal-first-plan p{margin:0;color:#6b7e96;font-size:10.5px;line-height:1.45}.cal-first-plan button{flex:0 0 auto;min-height:38px;padding:0 15px;border:1px solid #176ce8;border-radius:9px;background:#176ce8;color:#fff;font-size:10.5px;font-weight:780;cursor:pointer;box-shadow:0 6px 14px rgba(23,108,232,.16)}

.mc-calendar-enterprise .cal-toolbar{min-height:60px!important}.mc-calendar-enterprise .cal-forecast-bar{min-height:44px!important;padding:6px 14px!important}.cal-legend{display:flex;align-items:center;gap:12px}.cal-legend span{display:inline-flex;align-items:center;gap:5px;color:#657990;font-size:8.5px;font-weight:700}.cal-legend span::before{content:"";width:7px;height:7px;border-radius:3px;background:#2775df}.cal-legend .follow-up::before{background:#159765}.cal-legend .focus::before{background:#12877f}.cal-legend .reminder::before{background:#c67a14}
.mc-calendar-enterprise .cal-shell::after{height:1px!important;opacity:.4!important}.mc-calendar-enterprise .cal-event:hover{transform:none!important}
.cal-capacity-note{margin:0;padding:10px 14px 13px;border-top:1px solid #e8eff6;color:#60758f;font-size:9.5px;line-height:1.45}.cal-empty{display:grid;justify-items:center;gap:4px}.cal-empty strong{color:#314862;font-size:10.5px}.cal-empty span{color:#7c8da2;font-size:9.5px}.cal-smart-next .cal-suggestion>em{color:#1769e8!important;font-weight:800}

@media(max-width:1260px){.mc-calendar-enterprise .cal-side{grid-column:1;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.cal-brief{grid-template-columns:minmax(280px,1fr) auto}.cal-brief>button{grid-column:1/-1;justify-self:end}}
@media(max-width:820px){.mc-calendar-enterprise .cal-side{grid-template-columns:1fr}.cal-brief{grid-template-columns:1fr}.cal-brief-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.cal-brief>button{justify-self:stretch}.cal-legend{display:none}.cal-first-plan{align-items:flex-start;flex-direction:column}}

/* Calendar compact scale — approximately 10% smaller, without shrinking core readability. */
.mc-calendar-enterprise{grid-template-columns:minmax(0,1fr) 270px!important;gap:11px!important}
.mc-calendar-enterprise .cal-hero{min-height:88px!important;padding:14px 18px!important}
.mc-calendar-enterprise .cal-hero h1{margin:4px 0!important;font-size:27px!important}.mc-calendar-enterprise .cal-hero p{font-size:10.5px!important}
.mc-calendar-enterprise .cal-new,.mc-calendar-enterprise .cal-bell{min-height:36px!important;height:36px!important}.mc-calendar-enterprise .cal-new{padding:0 14px!important;font-size:10.5px!important}
.mc-calendar-enterprise .cal-brief{min-height:82px;padding:11px 14px;gap:15px}.mc-calendar-enterprise .cal-brief-lead{grid-template-columns:38px minmax(0,1fr);gap:11px}.mc-calendar-enterprise .cal-brief-icon{width:38px;height:38px;border-radius:10px;font-size:16px}.mc-calendar-enterprise .cal-brief h2{font-size:13.5px}.mc-calendar-enterprise .cal-brief p{font-size:9.75px}.mc-calendar-enterprise .cal-brief-metrics{grid-template-columns:repeat(3,86px)}.mc-calendar-enterprise .cal-brief-metrics>div{padding:8px 9px}.mc-calendar-enterprise .cal-brief-metrics strong{font-size:13.5px}.mc-calendar-enterprise .cal-brief>button{min-height:33px;padding:0 11px;font-size:9.5px}
.mc-calendar-enterprise .cal-first-plan{min-height:78px;padding:12px 16px}.mc-calendar-enterprise .cal-first-plan h2{font-size:13.5px}.mc-calendar-enterprise .cal-first-plan p{font-size:9.75px}.mc-calendar-enterprise .cal-first-plan button{min-height:34px;font-size:9.75px}
.mc-calendar-enterprise .cal-toolbar{min-height:54px!important;padding:8px 12px!important}.mc-calendar-enterprise .cal-navigation button,.mc-calendar-enterprise .cal-views button{height:36px!important;min-width:36px!important;font-size:10.5px!important}.mc-calendar-enterprise .cal-views button{width:64px!important}.mc-calendar-enterprise .cal-navigation h2{font-size:15.5px!important}.mc-calendar-enterprise .cal-forecast-bar{min-height:40px!important}.mc-calendar-enterprise .cal-next-event{min-height:27px!important;font-size:9.75px!important}.mc-calendar-enterprise .cal-legend{gap:9px}.mc-calendar-enterprise .cal-legend span{font-size:8px}
.mc-calendar-enterprise .cal-month-day{min-height:112px}.mc-calendar-enterprise .cal-time-body{height:630px}.mc-calendar-enterprise .cal-time-head{height:54px}.mc-calendar-enterprise .cal-time-head>.cal-day-heading{min-height:54px!important}.mc-calendar-enterprise .cal-side{gap:10px!important}.mc-calendar-enterprise .cal-side-card>header{min-height:56px;padding:11px 13px}.mc-calendar-enterprise .cal-side-card h2{font-size:13px!important}.mc-calendar-enterprise .cal-outlook-chart{height:82px;padding:4px 11px 11px}.mc-calendar-enterprise .cal-outlook-day{grid-template-rows:41px auto auto}.mc-calendar-enterprise .cal-side-intro{padding:10px 13px;font-size:9.5px!important}.mc-calendar-enterprise .cal-suggestion{min-height:74px!important;padding:10px!important}.mc-calendar-enterprise .cal-warning-list>div{min-height:44px;padding:9px 12px}.mc-calendar-enterprise .cal-capacity-note{padding:8px 12px 11px;font-size:8.75px}

.cal-review-dialog{width:min(570px,92vw);padding:0;border:1px solid #d4e1ee;border-radius:15px;background:#fff;color:#253b56;box-shadow:0 26px 70px rgba(20,45,79,.24)}.cal-review-dialog::backdrop{background:rgba(19,37,63,.32);backdrop-filter:blur(2px)}.cal-review-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #e4ebf3;background:linear-gradient(120deg,#f5f9ff,#fff)}.cal-review-dialog header span{color:#1769e8;font-size:9px;font-weight:850;letter-spacing:.1em}.cal-review-dialog h2{margin:4px 0 3px;color:#172d49;font-size:17px}.cal-review-dialog header p{margin:0;color:#6c7f96;font-size:10px}.cal-review-dialog header button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d8e2ed;border-radius:8px;background:#fff;color:#51657e;font-size:20px;cursor:pointer}.cal-review-content{display:grid;gap:9px;max-height:52vh;padding:15px 20px;overflow:auto}.cal-review-content article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:11px;border:1px solid #e2e9f1;border-radius:10px;background:#fbfcfe}.cal-review-content article>i,.cal-review-clear>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff0dc;color:#bd6b10;font-size:10px;font-style:normal;font-weight:850}.cal-review-content article.danger>i{background:#ffebe8;color:#be4037}.cal-review-content strong{display:block;color:#263d59;font-size:10.5px;line-height:1.4}.cal-review-content p{margin:3px 0 0;color:#6a7d94;font-size:9.5px;line-height:1.45}.cal-review-clear{display:grid;justify-items:center;gap:6px;padding:24px;text-align:center}.cal-review-clear>i{background:#e7f8f0;color:#179261}.cal-review-dialog>footer{display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid #e5ebf2;background:#fafcfe}.cal-review-dialog>footer button{min-width:82px;height:34px;border:1px solid #176ce8;border-radius:8px;background:#176ce8;color:#fff;font-size:10px;font-weight:780;cursor:pointer}
@media(max-width:1260px){.mc-calendar-enterprise{grid-template-columns:1fr!important}}

/* Bell preference: remove optional guidance from layout instead of relocating it. */
.mc-calendar-enterprise.notifications-muted .cal-brief,
.mc-calendar-enterprise.notifications-muted .cal-first-plan{display:none!important}
.mc-calendar-enterprise.notifications-muted .cal-shell{grid-row:auto!important}
.mc-calendar-enterprise.notifications-muted .cal-side{grid-row:1/span 3!important}
.mc-company-calendar{grid-column:1/-1}
.mc-company-calendar-list{display:grid;gap:8px;padding:16px}
.mc-company-calendar-item{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 13px;border:1px solid #dbe5f0;border-radius:10px;background:#fff;color:#193451;text-decoration:none}
.mc-company-calendar-item{width:100%;font:inherit;cursor:pointer;text-align:left}
.mc-company-calendar-item:hover{border-color:#9fc5ee;background:#f7fbff}
.mc-company-calendar-item time{display:grid;gap:2px;padding-right:12px;border-right:1px solid #dce6f1;color:#1769e8}
.mc-company-calendar-item time strong{font-size:12px}.mc-company-calendar-item time span{font-size:11px;font-weight:700}
.mc-company-calendar-item>span{display:grid;min-width:0;gap:3px}.mc-company-calendar-item>span strong{overflow:hidden;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.mc-company-calendar-item>span small{color:#687c94;font-size:10.5px}
.mc-company-calendar-item>b{color:#1769e8;font-size:10.5px}
.mc-contact-calendar{margin-bottom:18px}

/* =============================================================
   DASHBOARD V3 — SaaS / Enterprise reading scale
   Stephen Few: less noise. Big Book: action-led hierarchy.
   Storytelling with Data: attention through contrast, not clutter.
   ============================================================= */
.mc-dashboard-v2{
    --mc-ink:#10233f;
    --mc-text:#334a66;
    --mc-muted:#657792;
    --mc-line:#d9e3ef;
    gap:16px;
    max-width:1680px;
    margin:0 auto;
}
.mc-widget-board{gap:16px}
.mc-dash-header{min-height:72px;padding:4px 2px 10px}
.mc-dashboard-v2 .mc-dash-welcome h1{font-size:clamp(30px,2.2vw,38px)!important;font-weight:760!important}
.mc-dashboard-v2 .mc-dash-welcome p{margin-top:7px;font-size:15px!important;color:var(--mc-muted)}
.mc-dash-tools{gap:10px;flex-wrap:wrap;justify-content:flex-end}
.mc-date-chip,.mc-search-chip,.mc-icon-button,.mc-widget-button{min-height:44px;border-radius:10px;font-size:13px}
.mc-search-chip{width:auto;min-width:142px}
.mc-icon-button{width:44px}

.mc-kpi-grid{gap:16px}
.mc-kpi-card{min-height:174px;padding:18px 19px;border-radius:14px;box-shadow:0 5px 18px rgba(22,45,78,.055);transition:border-color .16s ease,box-shadow .16s ease}
.mc-kpi-card:hover{transform:none;box-shadow:0 7px 22px rgba(22,45,78,.085)}
.mc-kpi-head{grid-template-columns:40px minmax(0,1fr) auto;gap:11px}
.mc-kpi-icon{width:40px;height:40px;border-radius:10px}
.mc-dashboard-v2 .mc-kpi-name{font-size:14px!important;font-weight:720!important}
.mc-dashboard-v2 .mc-pill,.mc-dashboard-v2 .mc-count-pill{padding:5px 9px;font-size:12px!important;line-height:1.1}
.mc-dashboard-v2 .mc-kpi-card>strong{margin-top:16px;font-size:clamp(28px,2vw,34px)!important;line-height:1.1}
.mc-dashboard-v2 .mc-kpi-card>p{margin-top:7px;font-size:14px!important;color:#566a86}
.mc-dashboard-v2 .mc-kpi-foot{bottom:17px;left:19px;font-size:13px!important;font-weight:600;color:#667994}

.mc-guidance-card{min-height:112px;padding:18px 20px;gap:17px;border-radius:14px}
.mc-guidance-mark{width:48px;height:48px;border-radius:12px}
.mc-dashboard-v2 .mc-guidance-copy>span{font-size:12px!important;letter-spacing:.065em!important}
.mc-dashboard-v2 .mc-guidance-copy h2{margin:5px 0 4px;font-size:20px!important}
.mc-dashboard-v2 .mc-guidance-copy p{font-size:14px!important;line-height:1.5!important;color:#5c708c}
.mc-primary-action{min-height:44px;min-width:146px;padding:0 18px;border-radius:9px;font-size:13px}

.mc-panel{border-radius:14px;box-shadow:0 5px 18px rgba(22,45,78,.05)}
.mc-panel-header{min-height:76px;padding:15px 18px}
.mc-dashboard-v2 .mc-panel-header h2{font-size:18px!important;font-weight:730!important}
.mc-dashboard-v2 .mc-panel-header p{margin-top:4px;font-size:13px!important;color:#71819a}
.mc-small-icon{flex-basis:36px;width:36px;height:36px;border-radius:9px}
.mc-small-icon svg{width:18px;height:18px}
.mc-inline-link,.mc-panel-link,.mc-week-calendar-actions>a{font-size:13px}
.mc-week-calendar-actions>span{min-height:32px;font-size:12px}

.mc-week-calendar-grid{gap:12px;padding:18px}
.mc-week-day{min-height:174px;padding:14px;border-radius:13px;transition:border-color .16s ease,box-shadow .16s ease}
.mc-week-day:hover{transform:none;box-shadow:0 7px 18px rgba(36,93,179,.09)}
.mc-dashboard-v2 .mc-week-day>header>span{font-size:11px!important}
.mc-dashboard-v2 .mc-week-day>header>strong{font-size:19px!important}
.mc-dashboard-v2 .mc-week-event,.mc-dashboard-v2 .mc-week-clear,.mc-dashboard-v2 .mc-week-more{font-size:12px!important}
.mc-week-event{padding:9px 10px;font-size:12px}

.mc-priorities-panel,.mc-pipeline-panel,.mc-suggestions-panel{min-height:340px}
.mc-priority-list,.mc-stage-list{min-height:210px}
.mc-priority-row{min-height:68px;padding:11px 16px}
.mc-priority-number{width:30px;height:30px;font-size:12px}
.mc-dashboard-v2 .mc-priority-copy strong,.mc-dashboard-v2 .mc-suggestion strong{font-size:14px!important}
.mc-dashboard-v2 .mc-priority-copy small,.mc-dashboard-v2 .mc-suggestion p{font-size:12.5px!important}
.mc-status{padding:5px 8px;font-size:11px}
.mc-panel-link{min-height:46px}
.mc-friendly-empty{min-height:210px}
.mc-friendly-empty strong{font-size:14px}.mc-friendly-empty p{font-size:13px}

.mc-stage-list{padding:10px 16px}
.mc-stage-row{grid-template-columns:9px 76px minmax(60px,1fr) minmax(88px,auto) 24px;gap:10px;min-height:38px}
.mc-dashboard-v2 .mc-stage-name,.mc-dashboard-v2 .mc-pipeline-total span{font-size:12.5px!important}
.mc-stage-row strong,.mc-stage-row small{font-size:11px}
.mc-pipeline-total{min-height:46px;padding:0 16px}.mc-pipeline-total strong{font-size:13px}.mc-pipeline-total small{font-size:11px}

.mc-suggestion-list{min-height:252px;padding:12px;gap:10px}
.mc-suggestion{grid-template-columns:38px minmax(0,1fr);padding:14px;border-radius:10px}
.mc-suggestion-icon{width:36px;height:36px}
.mc-suggestion a{font-size:12px}
.mc-health-row strong{font-size:13px}.mc-health-row small{font-size:11px}.mc-health-score strong{font-size:12px}
.mc-chart-labels strong{font-size:11px}.mc-chart-labels small{font-size:10px}
.mc-overview-grid small{font-size:12px}

.mc-widget-panel{width:min(420px,94vw);padding:28px}
.mc-widget-panel>header h2{font-size:23px}.mc-widget-panel>header p{font-size:13px}
.mc-widget-option,.mc-rearrange-control{min-height:52px;font-size:14px}
.mc-widget-help{font-size:13px}.mc-widget-panel>footer button{min-height:44px;font-size:13px}

@media(max-width:1260px){
    .mc-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mc-widget-third{grid-column:span 6}
    .mc-widget-third:nth-of-type(5){grid-column:span 6}
}
@media(max-width:900px){
    .mc-dash-header{align-items:flex-start;flex-direction:column}
    .mc-dash-tools{width:100%;justify-content:flex-start}
    .mc-guidance-card{grid-template-columns:48px minmax(0,1fr)}
    .mc-primary-action{grid-column:1/-1}
}
@media(max-width:700px){
    .mc-kpi-grid{grid-template-columns:1fr}
    .mc-widget-third{grid-column:span 12}
    .mc-kpi-card{min-height:166px}
    .mc-dashboard-v2 .mc-dash-welcome h1{font-size:29px!important}
}

/* Dashboard V3.1 — 10% more compact while preserving hierarchy. */
.mc-dashboard-v2{gap:14px}
.mc-widget-board{gap:14px}
.mc-dash-header{min-height:65px;padding-bottom:9px}
.mc-dashboard-v2 .mc-dash-welcome h1{font-size:clamp(27px,2vw,34px)!important}
.mc-dashboard-v2 .mc-dash-welcome p{font-size:13.5px!important}
.mc-dash-tools{gap:9px}
.mc-date-chip,.mc-search-chip,.mc-icon-button,.mc-widget-button{min-height:40px;font-size:12px}
.mc-icon-button{width:40px}

.mc-kpi-grid{gap:14px}
.mc-kpi-card{min-height:157px;padding:16px 17px}
.mc-kpi-head{grid-template-columns:36px minmax(0,1fr) auto;gap:10px}
.mc-kpi-icon{width:36px;height:36px}
.mc-dashboard-v2 .mc-kpi-name{font-size:12.6px!important}
.mc-dashboard-v2 .mc-pill,.mc-dashboard-v2 .mc-count-pill{padding:4px 8px;font-size:10.8px!important}
.mc-dashboard-v2 .mc-kpi-card>strong{margin-top:14px;font-size:clamp(25px,1.8vw,31px)!important}
.mc-dashboard-v2 .mc-kpi-card>p{margin-top:6px;font-size:12.6px!important}
.mc-dashboard-v2 .mc-kpi-foot{bottom:15px;left:17px;font-size:11.7px!important}

.mc-guidance-card{min-height:101px;padding:16px 18px;gap:15px}
.mc-guidance-mark{width:43px;height:43px}
.mc-dashboard-v2 .mc-guidance-copy>span{font-size:10.8px!important}
.mc-dashboard-v2 .mc-guidance-copy h2{font-size:18px!important}
.mc-dashboard-v2 .mc-guidance-copy p{font-size:12.6px!important}
.mc-primary-action{min-height:40px;min-width:132px;padding:0 16px;font-size:12px}

.mc-panel-header{min-height:68px;padding:14px 16px}
.mc-dashboard-v2 .mc-panel-header h2{font-size:16.2px!important}
.mc-dashboard-v2 .mc-panel-header p{font-size:11.7px!important}
.mc-small-icon{flex-basis:32px;width:32px;height:32px}
.mc-small-icon svg{width:16px;height:16px}
.mc-inline-link,.mc-panel-link,.mc-week-calendar-actions>a{font-size:11.7px}

.mc-week-calendar-grid{gap:11px;padding:16px}
.mc-week-day{min-height:157px;padding:13px}
.mc-dashboard-v2 .mc-week-day>header>span{font-size:10px!important}
.mc-dashboard-v2 .mc-week-day>header>strong{font-size:17px!important}
.mc-dashboard-v2 .mc-week-event,.mc-dashboard-v2 .mc-week-clear,.mc-dashboard-v2 .mc-week-more{font-size:11px!important}

.mc-priorities-panel,.mc-pipeline-panel,.mc-suggestions-panel{min-height:306px}
.mc-priority-list,.mc-stage-list{min-height:189px}
.mc-priority-row{min-height:61px;padding:10px 14px}
.mc-dashboard-v2 .mc-priority-copy strong,.mc-dashboard-v2 .mc-suggestion strong{font-size:12.6px!important}
.mc-dashboard-v2 .mc-priority-copy small,.mc-dashboard-v2 .mc-suggestion p{font-size:11.3px!important}
.mc-status{font-size:10px}
.mc-panel-link{min-height:41px}
.mc-friendly-empty{min-height:189px}
.mc-friendly-empty strong{font-size:12.6px}.mc-friendly-empty p{font-size:11.7px}
.mc-stage-row{grid-template-columns:8px 68px minmax(54px,1fr) minmax(79px,auto) 22px;gap:9px;min-height:34px}
.mc-dashboard-v2 .mc-stage-name,.mc-dashboard-v2 .mc-pipeline-total span{font-size:11.3px!important}
.mc-stage-row strong,.mc-stage-row small{font-size:10px}
.mc-pipeline-total{min-height:41px}.mc-pipeline-total strong{font-size:11.7px}.mc-pipeline-total small{font-size:10px}
.mc-suggestion-list{min-height:227px;padding:11px;gap:9px}
.mc-suggestion{grid-template-columns:34px minmax(0,1fr);padding:13px}
.mc-suggestion-icon{width:32px;height:32px}
.mc-suggestion a{font-size:11px}

@media(max-width:700px){
    .mc-kpi-card{min-height:157px}
    .mc-dashboard-v2 .mc-dash-welcome h1{font-size:27px!important}
}

/* Widget drawer — compact professional settings panel. */
.mc-widget-panel{
    width:min(350px,92vw);
    padding:22px;
}
.mc-widget-panel>header{
    gap:14px;
    padding-bottom:17px;
}
.mc-widget-panel>header span{font-size:9px}
.mc-widget-panel>header h2{margin-top:4px;font-size:20px}
.mc-widget-panel>header p{font-size:12px}
.mc-widget-panel>header button{width:36px;height:36px;font-size:21px}
.mc-widget-options{gap:7px;padding:17px 0}
.mc-widget-option,.mc-rearrange-control{
    min-height:44px;
    padding:0 12px;
    border-radius:8px;
    font-size:12.5px;
}
.mc-widget-option input,.mc-rearrange-control input{width:16px;height:16px}
.mc-widget-option-heading{margin:13px 0 7px;padding-top:12px;font-size:9px}
.mc-widget-help{margin-bottom:8px;font-size:11.5px}
.mc-widget-panel>footer{margin-top:18px;padding-top:15px}
.mc-widget-panel>footer button{min-height:40px;font-size:12px}
.mc-widget-save-status{font-size:11px}

/* Dashboard V3.2 — narrower widget drawer and guided empty state. */
.mc-widget-panel{width:min(310px,90vw);padding:20px}
.mc-widget-panel>header h2{font-size:18px}
.mc-widget-panel>header p{font-size:11.5px}
.mc-widget-options{gap:6px;padding:15px 0}
.mc-widget-option,.mc-rearrange-control{min-height:41px;padding:0 11px;font-size:12px}

.mc-dashboard-start{
    display:grid;
    justify-items:center;
    max-width:980px;
    margin:34px auto 0;
    padding:44px;
    border:1px solid #d9e4f1;
    border-radius:16px;
    background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);
    box-shadow:0 10px 32px rgba(23,54,94,.065);
    text-align:center;
}
.mc-dashboard-start-kicker{color:#1769e8;font-size:10px;font-weight:850;letter-spacing:.12em}
.mc-dashboard-start h2{max-width:680px;margin:9px 0 8px;color:var(--mc-ink);font-size:28px;line-height:1.2;letter-spacing:-.025em}
.mc-dashboard-start>p{max-width:650px;margin:0;color:#627590;font-size:14px;line-height:1.55}
.mc-dashboard-start-steps{display:grid;width:100%;margin-top:30px;border:1px solid #dce6f1;border-radius:13px;background:#fff;text-align:left;overflow:hidden}
.mc-dashboard-start-steps article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:92px;padding:16px 18px;border-bottom:1px solid #e7edf4}
.mc-dashboard-start-steps article:last-child{border-bottom:0}
.mc-dashboard-start-steps article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf4ff;color:#1769e8;font-size:13px;font-weight:850}
.mc-dashboard-start-steps strong{display:block;color:#233a57;font-size:14px}
.mc-dashboard-start-steps p{margin:4px 0 0;color:#6b7d95;font-size:12.5px;line-height:1.45}
.mc-dashboard-start-steps a{display:inline-flex;align-items:center;justify-content:center;min-width:118px;min-height:40px;padding:0 14px;border-radius:9px;background:#1769e8;color:#fff;font-size:12px;font-weight:750}
.mc-dashboard-start-steps a:hover{background:#0f5fda}
.mc-dashboard-start-note{display:flex;align-items:center;gap:9px;margin-top:20px;color:#58708d;text-align:left}
.mc-dashboard-start-note>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8f8f0;color:#179b67;font-size:12px;font-weight:850}
.mc-dashboard-start-note p{margin:0;font-size:12.5px;line-height:1.45}
@media(max-width:700px){
    .mc-dashboard-start{margin-top:15px;padding:25px 18px}
    .mc-dashboard-start h2{font-size:23px}
    .mc-dashboard-start-steps article{grid-template-columns:34px minmax(0,1fr)}
    .mc-dashboard-start-steps a{grid-column:1/-1;width:100%}
}

/* Dashboard V3.3 final overrides — 10% smaller than V3.2. */
.mc-dashboard-v2{gap:13px}.mc-widget-board{gap:13px}.mc-dash-header{min-height:59px;padding-bottom:8px}
.mc-dashboard-v2 .mc-dash-welcome h1{font-size:clamp(25px,1.8vw,31px)!important}.mc-dashboard-v2 .mc-dash-welcome p{font-size:12.2px!important}
.mc-date-chip,.mc-search-chip,.mc-icon-button,.mc-widget-button{min-height:36px;font-size:11px}.mc-icon-button{width:36px}
.mc-kpi-grid{gap:13px}.mc-kpi-card{min-height:141px;padding:14px 15px}.mc-kpi-head{grid-template-columns:33px minmax(0,1fr) auto;gap:9px}.mc-kpi-icon{width:33px;height:33px}.mc-kpi-icon svg{width:17px;height:17px}
.mc-dashboard-v2 .mc-kpi-name{font-size:11.4px!important}.mc-dashboard-v2 .mc-pill,.mc-dashboard-v2 .mc-count-pill{padding:4px 7px;font-size:9.7px!important}.mc-dashboard-v2 .mc-kpi-card>strong{margin-top:12px;font-size:clamp(23px,1.65vw,28px)!important}.mc-dashboard-v2 .mc-kpi-card>p{font-size:11.4px!important}.mc-dashboard-v2 .mc-kpi-foot{bottom:13px;left:15px;font-size:10.5px!important}
.mc-guidance-card{min-height:91px;padding:14px 16px;gap:14px}.mc-guidance-mark{width:39px;height:39px}.mc-guidance-mark svg{width:20px;height:20px}.mc-dashboard-v2 .mc-guidance-copy>span{font-size:9.7px!important}.mc-dashboard-v2 .mc-guidance-copy h2{font-size:16.2px!important}.mc-dashboard-v2 .mc-guidance-copy p{font-size:11.4px!important}.mc-primary-action{min-height:36px;min-width:119px;padding:0 14px;font-size:11px}
.mc-panel-header{min-height:61px;padding:12px 14px}.mc-dashboard-v2 .mc-panel-header h2{font-size:14.6px!important}.mc-dashboard-v2 .mc-panel-header p{font-size:10.5px!important}.mc-small-icon{flex-basis:29px;width:29px;height:29px}.mc-small-icon svg{width:15px;height:15px}.mc-inline-link,.mc-panel-link,.mc-week-calendar-actions>a{font-size:10.5px}
.mc-week-calendar-grid{gap:10px;padding:14px}.mc-week-day{min-height:141px;padding:12px}.mc-dashboard-v2 .mc-week-day>header>span{font-size:9px!important}.mc-dashboard-v2 .mc-week-day>header>strong{font-size:15.3px!important}.mc-dashboard-v2 .mc-week-event,.mc-dashboard-v2 .mc-week-clear,.mc-dashboard-v2 .mc-week-more{font-size:10px!important}
.mc-priorities-panel,.mc-pipeline-panel,.mc-suggestions-panel{min-height:275px}.mc-priority-list,.mc-stage-list{min-height:170px}.mc-priority-row{min-height:55px;padding:9px 13px}.mc-dashboard-v2 .mc-priority-copy strong,.mc-dashboard-v2 .mc-suggestion strong{font-size:11.4px!important}.mc-dashboard-v2 .mc-priority-copy small,.mc-dashboard-v2 .mc-suggestion p{font-size:10.2px!important}.mc-status{font-size:9px}.mc-panel-link{min-height:37px}.mc-friendly-empty{min-height:170px}.mc-friendly-empty strong{font-size:11.4px}.mc-friendly-empty p{font-size:10.5px}
.mc-stage-row{grid-template-columns:7px 61px minmax(49px,1fr) minmax(71px,auto) 20px;gap:8px;min-height:31px}.mc-dashboard-v2 .mc-stage-name,.mc-dashboard-v2 .mc-pipeline-total span{font-size:10.2px!important}.mc-stage-row strong,.mc-stage-row small{font-size:9px}.mc-pipeline-total{min-height:37px}.mc-pipeline-total strong{font-size:10.5px}.mc-pipeline-total small{font-size:9px}.mc-suggestion-list{min-height:204px;padding:10px;gap:8px}.mc-suggestion{grid-template-columns:31px minmax(0,1fr);padding:11px}.mc-suggestion-icon{width:29px;height:29px}.mc-suggestion a{font-size:10px}
.mc-widget-panel{width:min(280px,88vw);padding:18px}.mc-widget-panel>header h2{font-size:16px}.mc-widget-panel>header p{font-size:10.5px}.mc-widget-panel>header button{width:32px;height:32px;font-size:19px}.mc-widget-options{gap:5px;padding:13px 0}.mc-widget-option,.mc-rearrange-control{min-height:37px;padding:0 10px;font-size:11px}.mc-widget-option input,.mc-rearrange-control input{width:15px;height:15px}.mc-widget-help{font-size:10.5px}.mc-widget-panel>footer button{min-height:36px;font-size:11px}
.mc-dashboard-start{max-width:882px;margin-top:30px;padding:40px}.mc-dashboard-start h2{font-size:25px}.mc-dashboard-start>p{font-size:12.6px}.mc-dashboard-start-steps{margin-top:27px}.mc-dashboard-start-steps article{grid-template-columns:32px minmax(0,1fr) auto;gap:13px;min-height:83px;padding:14px 16px}.mc-dashboard-start-steps article>span{width:31px;height:31px;font-size:12px}.mc-dashboard-start-steps strong{font-size:12.6px}.mc-dashboard-start-steps p{font-size:11.3px}.mc-dashboard-start-steps a{min-width:106px;min-height:36px;font-size:11px}.mc-dashboard-start-note{margin-top:18px}.mc-dashboard-start-note p{font-size:11.3px}
@media(max-width:700px){.mc-kpi-card{min-height:141px}.mc-dashboard-v2 .mc-dash-welcome h1{font-size:25px!important}.mc-dashboard-start{padding:23px 16px}.mc-dashboard-start h2{font-size:21px}.mc-dashboard-start-steps article{grid-template-columns:31px minmax(0,1fr)}}

/* Dashboard multi-currency — compact value only; card layout stays unchanged. */
.mc-dashboard-v2 .mc-kpi-card > strong.mc-multi-currency-value{
    overflow:hidden;
    font-size:clamp(18px,1.35vw,23px)!important;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Dashboard sidebar auto-hide — visible edge, hover and keyboard reveal. */
body.mc-sidebar-auto-hide .sidebar{
    transform:translateX(calc(-100% + 14px));
    transition:transform .2s ease,box-shadow .2s ease;
    box-shadow:8px 0 18px rgba(11,28,52,.08);
}
body.mc-sidebar-auto-hide .sidebar:hover,
body.mc-sidebar-auto-hide .sidebar:focus-within,
body.mc-sidebar-auto-hide.mc-sidebar-peek-open .sidebar{
    transform:translateX(0);
    box-shadow:16px 0 34px rgba(11,28,52,.2);
}
body.mc-sidebar-auto-hide .main{
    margin-left:14px!important;
    transition:margin-left .2s ease;
}
body.mc-sidebar-auto-hide .sidebar::after{
    content:"";
    position:absolute;
    top:calc(50% - 28px);
    right:2px;
    width:4px;
    height:56px;
    border-radius:999px;
    background:rgba(255,255,255,.58);
    box-shadow:0 0 0 1px rgba(255,255,255,.12);
}
body.mc-sidebar-auto-hide .sidebar:hover::after,
body.mc-sidebar-auto-hide .sidebar:focus-within::after,
body.mc-sidebar-auto-hide.mc-sidebar-peek-open .sidebar::after{opacity:0}
.mc-sidebar-autohide-control{margin-top:7px;background:#f8fafc;border-color:#e1e8f1;color:#334a66}
@media(max-width:900px){
    body.mc-sidebar-auto-hide .sidebar{transform:none;box-shadow:none}
    body.mc-sidebar-auto-hide .main{margin-left:0!important}
body.mc-sidebar-auto-hide .sidebar::after{display:none}
}

/* =============================================================
   MY DAY V2 — action-led SaaS / Enterprise workspace
   Dashboard selectors above remain unchanged.
   ============================================================= */
.mc-myday{
    --myday-ink:#10233f;
    --myday-muted:#657792;
    --myday-line:#d9e3ef;
    max-width:1680px;
    padding:22px 0 34px;
}
.mc-myday .myday-header{min-height:66px;margin-bottom:15px}
.mc-myday .myday-kicker,.mc-myday .myday-eyebrow,.mc-myday .myday-prepared-label{font-size:10px!important;letter-spacing:.075em}
.mc-myday .myday-header h1{font-size:clamp(27px,1.9vw,32px)!important;font-weight:760;letter-spacing:-.03em}
.mc-myday .myday-header p{font-size:12.5px;color:var(--myday-muted)}
.mc-myday .myday-calendar-link{min-height:38px;min-width:124px;padding:0 14px;border-radius:9px;font-size:11.5px}

.mc-myday .myday-start{gap:14px;margin-bottom:14px;padding:17px 18px;border-radius:13px;box-shadow:0 5px 18px rgba(22,45,78,.05)}
.mc-myday .myday-start-mark{width:40px;height:40px;border-radius:10px}.mc-myday .myday-start-mark svg{width:21px}
.mc-myday .myday-start-copy h2{font-size:17px;line-height:1.3}
.mc-myday .myday-context,.mc-myday .myday-reason{font-size:11.5px;line-height:1.5}
.mc-myday .myday-reason>span{font-size:9px}
.mc-myday .myday-prepared{gap:8px!important;margin-top:12px}
.mc-myday .myday-prepared>span:not(.myday-prepared-label),.mc-myday .myday-prepared>a{min-height:52px!important;padding:9px 11px!important;font-size:10.5px!important}
.mc-myday .myday-primary-button{min-height:38px;min-width:136px;padding:0 15px;border-radius:9px;font-size:11.5px}
.mc-myday .myday-primary-button:hover{transform:none}

.mc-myday .myday-layout{grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);align-items:start;gap:14px}
.mc-myday .myday-panel{height:auto;border-radius:13px;box-shadow:0 5px 18px rgba(22,45,78,.045)}
.mc-myday .myday-panel-header{min-height:62px;padding:11px 15px}
.mc-myday .myday-panel-header h2{font-size:15px;font-weight:730}
.mc-myday .myday-panel-header p{font-size:10.5px}
.mc-myday .myday-panel-icon{width:31px;height:31px;flex-basis:31px}
.mc-myday .myday-action-row{min-height:60px;padding:9px 14px}
.mc-myday .myday-action-copy small{font-size:9px}.mc-myday .myday-action-copy strong{font-size:11.5px}.mc-myday .myday-action-copy span{font-size:10px}.mc-myday .myday-action-due{font-size:9.5px}
.mc-myday .myday-empty{min-height:118px;padding:18px}
.mc-myday .myday-stats a{min-height:78px;padding:11px}
.mc-myday .myday-stats strong{font-size:11px}.mc-myday .myday-stats small{font-size:9.5px}

.mc-myday .myday-later,.mc-myday .myday-workbook{margin-top:12px;border-radius:11px;box-shadow:none}
.mc-myday .myday-later summary,.mc-myday .myday-workbook>summary{min-height:52px;padding:10px 15px}
.mc-myday .myday-later summary strong,.mc-myday .myday-workbook>summary strong{font-size:12.5px}
.mc-myday .myday-later summary small,.mc-myday .myday-workbook>summary small{font-size:10px}
.mc-myday .myday-footer-note{min-height:54px;margin-top:12px;padding:10px 14px}
.mc-myday .myday-footer-note p{font-size:10.5px}

.myday-welcome{max-width:960px;margin:26px auto 0;padding:40px;border:1px solid var(--myday-line);border-radius:15px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 9px 28px rgba(23,54,94,.06);text-align:center}
.myday-welcome-kicker{color:#1769e8;font-size:9.5px;font-weight:850;letter-spacing:.12em}
.myday-welcome h2{margin:8px 0 7px;color:var(--myday-ink);font-size:25px;line-height:1.2;letter-spacing:-.025em}
.myday-welcome>p{max-width:650px;margin:0 auto;color:var(--myday-muted);font-size:12.5px;line-height:1.55}
.myday-welcome-steps{display:grid;gap:8px;margin-top:25px;text-align:left}
.myday-welcome-steps>a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:72px;padding:12px 14px;border:1px solid #dfe7f1;border-radius:10px;background:#fff;color:var(--myday-ink)}
.myday-welcome-steps>a:hover{border-color:#b6cce8;background:#f9fbff}
.myday-welcome-steps>a>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#edf4ff;color:#1769e8;font-size:11px;font-weight:850}
.myday-welcome-steps strong,.myday-welcome-steps small{display:block}.myday-welcome-steps strong{font-size:12.5px}.myday-welcome-steps small{margin-top:3px;color:#71819a;font-size:10.5px}.myday-welcome-steps b{color:#1769e8;font-size:11px}
.myday-welcome-note{display:flex!important;align-items:center;justify-content:center;gap:7px;margin-top:17px!important;font-size:10.5px!important}.myday-welcome-note>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8f8f0;color:#179b67;font-weight:850}
@media(max-width:1050px){.mc-myday{padding-right:0;padding-left:0}.mc-myday .myday-layout{grid-template-columns:1fr}.myday-welcome{margin-top:15px}}
@media(max-width:600px){.myday-welcome{padding:25px 18px}.myday-welcome h2{font-size:21px}.myday-welcome-steps>a{grid-template-columns:31px minmax(0,1fr)}.myday-welcome-steps b{grid-column:2}}

/* My Day V2.1 — calm dynamic states without empty repetition. */
.mc-myday .myday-clear{grid-template-columns:42px minmax(0,1fr);padding:17px 18px}
.mc-myday .myday-layout.is-clear{grid-template-columns:minmax(360px,.78fr) minmax(0,1.65fr);align-items:stretch}
.mc-myday .myday-layout.is-clear .myday-focus-panel{order:1}
.mc-myday .myday-layout.is-clear .myday-open-time{order:2}
.mc-myday .myday-layout.is-solo{grid-template-columns:1fr}
.mc-myday .myday-layout.is-solo .myday-stats{grid-template-columns:repeat(4,1fr)}
.mc-myday .myday-layout.is-solo .myday-stats a{border-bottom:0}
.mc-myday .myday-open-time{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:160px;padding:20px;border:1px solid #d9e3ef;border-radius:13px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 5px 18px rgba(22,45,78,.045)}
.mc-myday .myday-open-time-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf4ff;color:#1769e8;font-size:16px;font-weight:800}
.mc-myday .myday-open-time.relationship .myday-open-time-icon{background:#f1edff;color:#7257df}
.mc-myday .myday-open-time small{color:#1769e8;font-size:9px;font-weight:850;letter-spacing:.08em}
.mc-myday .myday-open-time h2{margin:5px 0 4px;color:var(--myday-ink);font-size:16px;line-height:1.3}
.mc-myday .myday-open-time p{max-width:680px;margin:0;color:var(--myday-muted);font-size:11.5px;line-height:1.5}
.mc-myday .myday-open-time>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:126px;min-height:38px;padding:0 14px;border-radius:9px;background:#1769e8;color:#fff;font-size:11px;font-weight:750}
.mc-myday .myday-open-time>a:hover{background:#105fda}
@media(max-width:1050px){.mc-myday .myday-layout.is-clear{grid-template-columns:1fr}.mc-myday .myday-open-time{min-height:130px}.mc-myday .myday-layout.is-solo .myday-stats{grid-template-columns:repeat(2,1fr)}.mc-myday .myday-layout.is-solo .myday-stats a:nth-child(-n+2){border-bottom:1px solid #edf1f6}}
@media(max-width:600px){.mc-myday .myday-open-time{grid-template-columns:36px minmax(0,1fr)}.mc-myday .myday-open-time>a{grid-column:1/-1;width:100%}}
@media(prefers-reduced-motion:reduce){
    body.mc-sidebar-auto-hide .sidebar,
    body.mc-sidebar-auto-hide .main{transition:none}
}

/* Shared page-heading scale: Dashboard, My Day and Calendar. */
.mc-dashboard-v2 .mc-dash-welcome h1,
.mc-myday .myday-header h1,
.mc-calendar-enterprise .cal-hero h1{
    font-size:clamp(27px,1.9vw,32px)!important;
    font-weight:760!important;
    line-height:1.12!important;
    letter-spacing:-.03em!important;
}
.mc-dashboard-v2 .mc-dash-welcome p,
.mc-myday .myday-header p,
.mc-calendar-enterprise .cal-hero p{
    font-size:12.5px!important;
    line-height:1.45!important;
}
.mc-calendar-enterprise .cal-kicker,
.mc-myday .myday-kicker{font-size:10px!important;letter-spacing:.075em!important}

/* Restore the original Calendar bell while preserving its hide behaviour. */
.mc-calendar-enterprise .cal-bell{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    border:1px solid #d4dfec!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#304965!important;
    box-shadow:0 2px 7px rgba(29,57,94,.045)!important;
}
.mc-calendar-enterprise .cal-bell svg{width:17px!important;height:17px!important}
.mc-calendar-enterprise .cal-bell:hover{background:#f5f9ff!important;border-color:#b9cee7!important;color:#1769e8!important}
.mc-calendar-enterprise .cal-bell.is-muted{color:#9aa5b4!important}

/* =============================================================
   SEARCH CRM — FOCUSED START EXPERIENCE
   Scoped to Search only. Existing result behaviour is unchanged.
   ============================================================= */
.mc-search-page.is-ready {
    display: flex;
    min-height: calc(100vh - 96px);
    padding-top: clamp(58px, 10vh, 108px);
    flex-direction: column;
}

.mc-search-page.is-ready .mc-search-header {
    display: block;
    max-width: 920px;
    width: 100%;
    margin: 0 auto 27px;
    text-align: center;
}

.mc-search-page.is-ready .mc-search-kicker {
    margin-bottom: 9px;
    color: #1769e8;
    font-size: 10px;
    letter-spacing: .15em;
}

.mc-search-page.is-ready .mc-search-header h1 {
    color: #10284a;
    font-size: clamp(36px, 3.2vw, 48px);
    font-weight: 850;
    line-height: 1.06;
    letter-spacing: -.045em;
}

.mc-search-page.is-ready .mc-search-header p {
    margin-top: 12px;
    color: #536a88;
    font-size: 15px;
    line-height: 1.55;
}

.mc-search-page.is-ready .mc-search-command {
    position: relative;
    width: min(1120px, 100%);
    margin: 0 auto;
    padding: 22px;
    border-color: #d5e1ef;
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(29, 68, 118, .10),
                0 3px 10px rgba(29, 68, 118, .045);
}

.mc-search-page.is-ready .mc-search-command::before {
    position: absolute;
    z-index: -1;
    top: -46px;
    right: 8%;
    bottom: -70px;
    left: 8%;
    border-radius: 50%;
    background: rgba(45, 122, 238, .07);
    filter: blur(44px);
    content: "";
    pointer-events: none;
}

.mc-search-page.is-ready .mc-search-form {
    min-height: 66px;
    padding: 7px 8px 7px 20px;
    grid-template-columns: 25px minmax(0, 1fr) auto auto;
    gap: 14px;
    background: #f9fbfe;
    border-color: #bfd1e8;
    border-radius: 14px;
    box-shadow: inset 0 1px 2px rgba(25, 55, 92, .025);
}

.mc-search-page.is-ready .mc-search-form:focus-within {
    background: #fff;
    border-color: #4d8eed;
    box-shadow: 0 0 0 5px rgba(45, 120, 238, .11),
                0 10px 25px rgba(32, 93, 180, .08);
}

.mc-search-page.is-ready .mc-search-input-icon {
    color: #3974c6;
}

.mc-search-page.is-ready .mc-search-input-icon svg {
    width: 23px;
    height: 23px;
    stroke-width: 2;
}

.mc-search-page.is-ready .mc-search-form input {
    height: 48px;
    color: #1c3556;
    font-size: 15px;
}

.mc-search-page.is-ready .mc-search-form input::placeholder {
    color: #7d90aa;
}

.mc-search-page.is-ready .mc-search-submit {
    height: 48px;
    min-width: 112px;
    padding: 0 25px;
    background: #176fe8;
    border-color: #176fe8;
    border-radius: 10px;
    font-size: 13px;
    box-shadow: 0 8px 19px rgba(23, 111, 232, .24);
}

.mc-search-page.is-ready .mc-search-submit:hover {
    background: #0f62d4;
    border-color: #0f62d4;
    box-shadow: 0 10px 23px rgba(23, 111, 232, .28);
}

.mc-search-page.is-ready .mc-search-scope {
    justify-content: center;
    gap: 24px;
    margin-top: 17px;
    color: #5f7390;
    font-size: 12px;
}

.mc-search-page.is-ready .mc-search-scope i {
    width: 8px;
    height: 8px;
}

@media (max-width: 760px) {
    .mc-search-page.is-ready {
        min-height: auto;
        padding-top: 38px;
    }

    .mc-search-page.is-ready .mc-search-header {
        margin-bottom: 21px;
        text-align: left;
    }

    .mc-search-page.is-ready .mc-search-header h1 {
        font-size: 34px;
    }

    .mc-search-page.is-ready .mc-search-command {
        padding: 14px;
    }

    .mc-search-page.is-ready .mc-search-form {
        min-height: 58px;
        padding-left: 15px;
        grid-template-columns: 22px minmax(0, 1fr) auto;
    }

    .mc-search-page.is-ready .mc-search-submit {
        min-width: 82px;
        padding: 0 16px;
    }

.mc-search-page.is-ready .mc-search-scope {
        justify-content: flex-start;
        gap: 11px 17px;
    }
}

/* Pipeline compact KPI strip — Dashboard spacing and hierarchy. */
.mc-pipeline-kpis{
    gap:13px!important;
    margin-bottom:18px!important;
}
.mc-pipeline-kpis .kpi-card.mc-pipeline-kpi-card{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto 1fr!important;
    column-gap:10px!important;
    min-height:86px!important;
    padding:13px 14px 12px 52px!important;
    overflow:hidden!important;
    border-color:#dfe5ed!important;
    border-radius:10px!important;
    box-shadow:0 2px 8px rgba(25,43,70,.035)!important;
}
.mc-pipeline-kpis .kpi-card.mc-pipeline-kpi-card::before{
    top:14px!important;
    left:14px!important;
    width:28px!important;
    height:28px!important;
    border-radius:8px!important;
    background-size:15px!important;
}
.mc-pipeline-kpi-top{
    display:flex;
    min-width:0;
    align-items:center;
    gap:7px;
}
.mc-pipeline-kpis .mc-pipeline-kpi-top h3{
    margin:0!important;
    overflow:hidden;
    color:#354963!important;
    font-size:10px!important;
    font-weight:720!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mc-pipeline-kpi-top>small,
.mc-pipeline-currency-count{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:0 6px;
    border-radius:999px;
    background:#f0f4f9;
    color:#718198;
    font-size:8px;
    font-weight:730;
    white-space:nowrap;
}
.mc-pipeline-currency-count{
    grid-column:2;
    grid-row:1;
    align-self:center;
    background:#edf4ff;
    color:#276dcf;
}
.mc-pipeline-kpi-values{
    display:flex;
    grid-column:1/-1;
    grid-row:2;
    min-width:0;
    align-items:flex-end;
    gap:6px 10px;
    margin-top:8px;
    overflow:hidden;
}
.mc-pipeline-kpi-values>strong{
    overflow:hidden;
    color:#172842;
    font-size:clamp(15px,1.15vw,18px);
    font-weight:780;
    letter-spacing:-.02em;
    line-height:1.15;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mc-pipeline-kpi-values>strong+strong::before{
    content:"·";
    margin-right:10px;
    color:#a0acbc;
    font-weight:500;
}
.mc-pipeline-kpi-values>span{
    color:#7c8ba0;
    font-size:10px;
    font-weight:650;
}
.mc-pipeline-kpi-values>b{
    display:inline-grid;
    flex:0 0 auto;
    min-width:22px;
    height:22px;
    place-items:center;
    border-radius:7px;
    background:#edf2f7;
    color:#5f7188;
    font-size:8px;
}
.mc-pipeline-kpi-values>small{
    color:#a06b21;
    font-size:8px;
    white-space:nowrap;
}
@media(max-width:1050px){
    .mc-pipeline-kpis .kpi-card.mc-pipeline-kpi-card{min-height:82px!important}
}
@media(max-width:700px){
    .mc-pipeline-kpi-values>strong{font-size:17px}
}

/* Pipeline stage movement — simple seller-facing controls. */
.mc-pipeline-board .opportunity-card.is-movable{cursor:grab}
.mc-pipeline-board .opportunity-card.is-movable:active{cursor:grabbing}
.mc-pipeline-board .opportunity-card.is-dragging{opacity:.55}
.mc-pipeline-board .opportunity-card.is-saving{opacity:.65;pointer-events:none}
.mc-pipeline-board .column.is-drop-target{
    border-color:var(--stage);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--stage) 14%,transparent);
}
.mc-pipeline-board .opportunity-card .actions{gap:8px}
.mc-pipeline-board .edit-button,
.mc-pipeline-board .mc-pipeline-move-button{
    
    
    
    
    
    
    
    
    border:1px solid #d8e1ec;
    
    font:inherit;
    
    
    cursor:pointer;
}
.mc-pipeline-board .mc-pipeline-move-button{
    background:var(--stage);
    border-color:var(--stage);
    color:#fff;
}
.mc-pipeline-board .mc-pipeline-move-button:hover{filter:brightness(.96)}

.mc-pipeline-move-dialog{
    width:min(470px,calc(100vw - 28px));
    max-height:calc(100vh - 28px);
    padding:0;
    overflow-x:hidden;
    overflow-y:auto;
    border:1px solid #dce5ef;
    border-radius:14px;
    background:#fff;
    color:#243750;
    box-shadow:0 24px 70px rgba(20,39,68,.24);
}
.mc-pipeline-move-dialog::backdrop{background:rgba(17,32,54,.42)}
.mc-pipeline-move-dialog [hidden],
.mc-pipeline-toast[hidden]{display:none!important}
.mc-pipeline-move-form{padding:20px}
.mc-pipeline-move-form>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.mc-pipeline-move-form>header span{display:block;margin-bottom:5px;color:#5e7698;font-size:9px;font-weight:800;letter-spacing:.1em}
.mc-pipeline-move-form>header h2{margin:0;color:#172842;font-size:18px;line-height:1.3}
.mc-pipeline-dialog-close{
    display:grid;
    flex:0 0 32px;
    width:32px;
    height:32px;
    place-items:center;
    padding:0;
    border:1px solid #dce5ef;
    border-radius:8px;
    background:#fff;
    color:#63758d;
    font-size:20px;
    cursor:pointer;
}
.mc-pipeline-move-help{margin:12px 0 17px;color:#667994;font-size:11px;line-height:1.5}
.mc-pipeline-field{display:grid;gap:6px;margin-top:13px}
.mc-pipeline-field>span{color:#354a67;font-size:10px;font-weight:750}
.mc-pipeline-field select,
.mc-pipeline-field textarea{
    width:100%;
    border:1px solid #ced9e7;
    border-radius:9px;
    background:#fff;
    color:#213650;
    font:inherit;
    font-size:12px;
    outline:none;
}
.mc-pipeline-field select{height:39px;padding:0 11px}
.mc-pipeline-field textarea{min-height:76px;padding:10px 11px;resize:vertical;line-height:1.45}
.mc-pipeline-field select:focus,
.mc-pipeline-field textarea:focus{border-color:#3478e5;box-shadow:0 0 0 3px rgba(52,120,229,.1)}
.mc-pipeline-gate-warning{margin-top:14px;padding:12px 13px;border:1px solid #efd19c;border-radius:9px;background:#fff9ee}
.mc-pipeline-gate-warning strong{color:#7c5413;font-size:11px}
.mc-pipeline-gate-warning p{margin:4px 0 7px;color:#806b48;font-size:10px;line-height:1.4}
.mc-pipeline-gate-warning ul{margin:0;padding-left:17px;color:#745f3d;font-size:10px;line-height:1.5}
.mc-pipeline-dialog-error{margin:13px 0 0;padding:9px 11px;border-radius:8px;background:#fff1ef;color:#a73e38;font-size:10px;line-height:1.4}
.mc-pipeline-move-form>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid #edf1f5}
.mc-pipeline-dialog-cancel,
.mc-pipeline-dialog-save{min-height:36px;padding:0 14px;border-radius:8px;font:inherit;font-size:10px;font-weight:750;cursor:pointer}
.mc-pipeline-dialog-cancel{border:1px solid #d8e1ec;background:#fff;color:#5b6f89}
.mc-pipeline-dialog-save{border:1px solid #3478e5;background:#3478e5;color:#fff}
.mc-pipeline-dialog-save:disabled{opacity:.6;cursor:wait}
.mc-pipeline-toast{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:1200;
    max-width:min(390px,calc(100vw - 30px));
    padding:11px 14px;
    border:1px solid #bfe3d1;
    border-radius:9px;
    background:#effaf4;
    color:#176f4e;
    box-shadow:0 10px 30px rgba(20,39,68,.14);
    font-size:11px;
    font-weight:700;
}
.mc-pipeline-toast[data-tone="error"]{border-color:#efc8c4;background:#fff2f0;color:#a33f39}
@media(max-width:700px){
    .mc-pipeline-toast{right:15px;bottom:15px;left:15px;max-width:none}
}

/* Pipeline move dialog — final compact dimensions. */
html body #mc-pipeline-move-dialog.mc-pipeline-move-dialog{
    box-sizing:border-box!important;
    inline-size:min(520px,calc(100vw - 32px))!important;
    width:min(520px,calc(100vw - 32px))!important;
    max-inline-size:520px!important;
    max-width:520px!important;
    max-height:calc(100dvh - 32px)!important;
    margin:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
}
html body #mc-pipeline-move-dialog.mc-pipeline-move-dialog>.mc-pipeline-move-form{
    box-sizing:border-box!important;
    inline-size:auto!important;
    width:auto!important;
    min-width:0!important;
    padding:18px!important;
}
#mc-pipeline-move-dialog .mc-pipeline-move-help{margin:10px 0 14px}
#mc-pipeline-move-dialog .mc-pipeline-gate-warning{padding:10px 11px}
#mc-pipeline-move-dialog .mc-pipeline-gate-warning ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:18px;
    margin-top:5px;
}
#mc-pipeline-move-dialog .mc-pipeline-field textarea{
    min-height:64px!important;
    height:64px!important;
}
#mc-pipeline-move-dialog .mc-pipeline-move-form>footer{
    position:sticky;
    bottom:-18px;
    z-index:2;
    margin-right:-18px;
    margin-bottom:-18px;
    margin-left:-18px;
    padding:12px 18px;
    background:#fff;
}
@media(max-width:560px){
    html body #mc-pipeline-move-dialog.mc-pipeline-move-dialog{
        inline-size:calc(100vw - 20px)!important;
        width:calc(100vw - 20px)!important;
        max-inline-size:calc(100vw - 20px)!important;
        max-width:calc(100vw - 20px)!important;
        max-height:calc(100dvh - 20px)!important;
    }
    #mc-pipeline-move-dialog .mc-pipeline-gate-warning ul{grid-template-columns:1fr}
}

/* =============================================================
   COMPANIES — PURPOSEFUL EMPTY WORKSPACE
   Scoped to the zero-company state only.
   ============================================================= */
.mc-companies-page.is-empty {
    display: grid;
    min-height: calc(100vh - 96px);
    grid-template-rows: auto minmax(330px, 1fr);
    align-content: start;
}

.mc-companies-page.is-empty .mc-companies-header {
    margin-bottom: 0 !important;
}

.mc-companies-page.is-empty .mc-organization-map-button.is-disabled {
    background: #f7f9fc !important;
    border-color: #dfe6ef !important;
    color: #99a7b9 !important;
    box-shadow: none !important;
    cursor: default !important;
    pointer-events: none;
}

.mc-companies-page.is-empty .mc-companies-empty {
    position: relative;
    display: flex;
    width: min(760px, 100%);
    min-height: 330px;
    align-self: start;
    align-items: center;
    justify-self: center;
    justify-content: center;
    flex-direction: column;
    margin: clamp(42px, 8vh, 78px) auto 0;
    padding: 42px 48px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center;
}

.mc-companies-page.is-empty .mc-companies-empty::before {
    position: absolute;
    z-index: -1;
    width: 390px;
    height: 220px;
    border-radius: 50%;
    background: rgba(42, 117, 229, .055);
    filter: blur(46px);
    content: "";
    pointer-events: none;
}

.mc-companies-page.is-empty .mc-companies-empty > span {
    display: grid;
    width: 68px;
    height: 68px;
    place-items: center;
    margin-bottom: 20px;
    border: 1px solid #d8e6f8;
    border-radius: 20px;
    background: #edf5ff;
    color: #2475e8;
    box-shadow: 0 9px 24px rgba(36, 117, 232, .09);
}

.mc-companies-page.is-empty .mc-companies-empty > span svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mc-companies-page.is-empty .mc-companies-empty h2 {
    margin: 0;
    color: #142946;
    font-size: 22px;
    font-weight: 780;
    line-height: 1.25;
    letter-spacing: -.025em;
}

.mc-companies-page.is-empty .mc-companies-empty p {
    max-width: 620px;
    margin: 11px 0 0;
    color: #637996;
    font-size: 13px;
    line-height: 1.65;
}

@media (max-width: 760px) {
    .mc-companies-page.is-empty {
        min-height: auto;
        grid-template-rows: auto auto;
    }

    .mc-companies-page.is-empty .mc-companies-empty {
        min-height: 270px;
        margin-top: 24px;
        padding: 32px 18px;
    }

    .mc-companies-page.is-empty .mc-companies-empty h2 {
        font-size: 20px;
    }

.mc-companies-page.is-empty .mc-companies-empty p {
        font-size: 12.5px;
    }
}

/* =============================================================
   CONTACTS — FAST, CALM DIRECTORY
   Scoped to the Contacts list only.
   ============================================================= */
.mc-contacts-page .mc-contacts-header {
    margin-bottom: 22px !important;
}

.mc-contacts-page .mc-contacts-card {
    overflow: visible !important;
}

.mc-contacts-page .mc-contacts-card-header {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) minmax(380px, 560px) !important;
    gap: 22px;
    align-items: center;
}

.mc-contacts-search {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 4px 5px 4px 13px;
    border: 1px solid #cddbea;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(27, 57, 94, .035);
}

.mc-contacts-search:focus-within {
    border-color: #5b94e7;
    box-shadow: 0 0 0 3px rgba(39, 116, 223, .09);
}

.mc-contacts-search svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: #587493;
    stroke-width: 1.9;
    stroke-linecap: round;
}

.mc-contacts-search input {
    width: 100%;
    min-width: 0;
    height: 34px;
    padding: 0;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #253d5a;
    box-shadow: none !important;
    font: inherit;
    font-size: 12px;
}

.mc-contacts-search input::placeholder {
    color: #8293a9;
}

.mc-contacts-search > a {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 7px;
    color: #70839b;
    text-decoration: none;
    font-size: 18px;
}

.mc-contacts-search > a:hover {
    background: #eef3f8;
    color: #344f70;
}

.mc-contacts-search button {
    height: 34px;
    padding: 0 14px;
    border: 1px solid #176fe8;
    border-radius: 8px;
    background: #176fe8;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: 10.5px;
    font-weight: 780;
}

.mc-contacts-page .mc-contacts-table {
    table-layout: fixed;
}

@media (min-width: 901px) {
    .mc-contacts-page .mc-contacts-table-wrap {
        overflow: visible !important;
    }
}

.mc-contacts-page .mc-contacts-table th:nth-child(1) { width: 28%; }
.mc-contacts-page .mc-contacts-table th:nth-child(2) { width: 19%; }
.mc-contacts-page .mc-contacts-table th:nth-child(3) { width: 23%; }
.mc-contacts-page .mc-contacts-table th:nth-child(4) { width: 21%; }
.mc-contacts-page .mc-contacts-table th:nth-child(5) { width: 9%; text-align: right; }

.mc-contacts-page .mc-contacts-table tbody tr {
    transition: none !important;
}

.mc-contacts-page .mc-contacts-table tbody tr:hover {
    background: #f8fbff !important;
    box-shadow: inset 3px 0 #31a879 !important;
}

.mc-contacts-page .mc-contact-identity {
    color: #173351;
    text-decoration: none;
}

.mc-contacts-page a.mc-contact-identity:hover strong {
    color: #1769e8;
}

.mc-contacts-page .mc-contact-identity strong {
    font-size: 12px !important;
    line-height: 1.4;
}

.mc-contacts-page .mc-contact-company,
.mc-contacts-page .mc-contact-details span,
.mc-contacts-page .mc-contact-details small,
.mc-contacts-page .mc-contact-muted {
    font-size: 10.5px !important;
    line-height: 1.45;
}

.mc-contacts-page .mc-contact-role {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    padding: 6px 9px !important;
    color: #435a75 !important;
    font-size: 9.5px !important;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mc-contact-menu {
    position: relative;
    display: inline-block;
    float: right;
}

.mc-contact-menu summary {
    display: inline-flex;
    min-width: 72px;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border: 1px solid #cad9e9;
    border-radius: 8px;
    background: #fff;
    color: #38628f;
    cursor: pointer;
    font-size: 9.5px;
    font-weight: 760;
    list-style: none;
}

.mc-contact-menu summary::-webkit-details-marker {
    display: none;
}

.mc-contact-menu[open] summary {
    border-color: #75a3e3;
    color: #1769e8;
}

.mc-contact-menu > div {
    position: absolute;
    z-index: 30;
    top: calc(100% + 6px);
    right: 0;
    display: grid;
    width: 142px;
    overflow: hidden;
    border: 1px solid #d5e0ec;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(24, 51, 84, .14);
}

.mc-contact-menu > div a,
.mc-contact-menu > div button {
    display: flex;
    width: 100%;
    min-height: 38px;
    align-items: center;
    padding: 0 12px;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: #35516f;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    font: inherit;
    font-size: 10px;
}

.mc-contact-menu > div a:hover {
    background: #f3f7fc;
    color: #1769e8;
}

.mc-contact-menu > div form {
    margin: 0;
}

.mc-contact-menu > div button {
    border-top: 1px solid #edf1f6;
    color: #c44040;
}

.mc-contact-menu > div button:hover {
    background: #fff5f5;
}

.mc-contacts-pagination {
    display: flex;
    min-height: 62px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 11px 18px;
    border-top: 1px solid #e2eaf3;
    background: #fbfdff;
    color: #70839b;
    font-size: 10.5px;
}

.mc-contacts-pagination > div {
    display: flex;
    align-items: center;
    gap: 9px;
}

.mc-contacts-pagination a,
.mc-contacts-pagination > div > span {
    display: inline-flex;
    min-width: 72px;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfdae7;
    border-radius: 8px;
    background: #fff;
    color: #356494;
    text-decoration: none;
    font-weight: 750;
}

.mc-contacts-pagination > div > span {
    color: #a1adbb;
}

.mc-contacts-pagination strong {
    min-width: 100px;
    color: #425a76;
    text-align: center;
    font-size: 10px;
}

.mc-contacts-clear-search {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
    padding: 0 13px;
    border: 1px solid #cfdae8;
    border-radius: 8px;
    background: #fff;
    color: #35699f;
    text-decoration: none;
    font-size: 10.5px;
    font-weight: 750;
}

@media (max-width: 900px) {
    .mc-contacts-page .mc-contacts-card-header {
        grid-template-columns: 1fr !important;
    }

    .mc-contacts-search {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .mc-contacts-page .mc-contacts-table th:nth-child(2),
    .mc-contacts-page .mc-contacts-table td:nth-child(2),
    .mc-contacts-page .mc-contacts-table th:nth-child(4),
    .mc-contacts-page .mc-contacts-table td:nth-child(4) {
        display: none;
    }

    .mc-contacts-page .mc-contacts-table th:nth-child(1) { width: 42%; }
    .mc-contacts-page .mc-contacts-table th:nth-child(3) { width: 38%; }
    .mc-contacts-page .mc-contacts-table th:nth-child(5) { width: 20%; }

    .mc-contacts-pagination {
        align-items: stretch;
        flex-direction: column;
    }

    .mc-contacts-pagination > div {
        justify-content: space-between;
    }
}

/* NETWORK RELATIONSHIP COACH — powerful guidance, one calm step at a time. */
.network-page .network-connection-guide.is-open {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable;
}

.network-page .network-coach {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid #cfe0f2;
    border-radius: 13px;
    background: linear-gradient(145deg, #f7fbff 0%, #f1f7fd 100%);
}

.network-page .network-coach[hidden],
.network-page .network-coach-panel[hidden] {
    display: none !important;
}

.network-page .network-coach-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.network-page .network-coach-heading > div {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.network-page .network-coach-heading small,
.network-page .network-coach-label {
    color: #52708f;
    font-size: 9.5px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.network-page .network-coach-heading strong {
    color: #102f52;
    font-size: 14px;
    line-height: 1.3;
}

.network-page .network-coach-controls {
    display: grid;
    gap: 8px;
}

.network-page .network-coach-controls label {
    display: grid;
    gap: 5px;
    color: #526b85;
    font-size: 9.5px;
    font-weight: 800;
    text-transform: uppercase;
}

.network-page .network-coach-controls select {
    width: 100%;
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid #cbdbea;
    border-radius: 9px;
    background: #fff;
    color: #193a5c;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: none;
}

.network-page .network-coach-recommended {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border: 1px solid #c7dcf5;
    border-radius: 999px;
    background: #edf5ff;
    color: #1764bd;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
}

.network-page .network-coach-tone {
    display: flex;
    gap: 6px;
}

.network-page .network-coach-tone button {
    min-height: 31px;
    padding: 0 10px;
    border: 1px solid #cbdbea;
    border-radius: 8px;
    background: #fff;
    color: #526b85;
    font-size: 9.5px;
    font-weight: 750;
}

.network-page .network-coach-tone button.active {
    border-color: #88b4e8;
    background: #eaf3ff;
    color: #165fbf;
}

.network-page .network-coach-heading button {
    display: grid;
    width: 28px;
    height: 28px;
    min-height: 28px;
    flex: 0 0 28px;
    padding: 0;
    place-items: center;
    border: 1px solid #d3dfeb;
    border-radius: 8px;
    background: #fff;
    color: #526a83;
    font-size: 17px;
}

.network-page .network-coach-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3px;
    padding: 3px;
    border: 1px solid #dbe6f1;
    border-radius: 10px;
    background: #eaf2fa;
}

.network-page .network-coach-tabs button {
    min-width: 0;
    min-height: 32px;
    padding: 0 8px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #55708c;
    font-size: 10px;
    font-weight: 750;
    white-space: nowrap;
}

.network-page .network-coach-tabs button.active {
    background: #fff;
    color: #165fbf;
    box-shadow: 0 2px 8px rgba(34, 80, 126, .1);
}

.network-page .network-coach-panel {
    display: grid;
    gap: 8px;
}

.network-page .network-coach-panel > p,
.network-page .network-coach-panel > strong,
.network-page .network-coach-panel li,
.network-page .network-coach-panel blockquote {
    margin: 0;
    color: #2c4966;
    font-size: 11px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.network-page .network-coach-panel > strong {
    color: #153b60;
    font-size: 11.5px;
}

.network-page .network-coach-panel blockquote {
    padding: 12px;
    border-left: 3px solid #2471e8;
    border-radius: 0 9px 9px 0;
    background: #fff;
    color: #173b60;
    font-weight: 650;
}

.network-page .network-coach-panel ol {
    display: grid;
    gap: 7px;
    margin: 0;
    padding-left: 20px;
}

.network-page .network-coach-caution {
    display: grid;
    gap: 3px;
    padding: 9px 10px;
    border-radius: 9px;
    background: #fff8e9;
    color: #6f5521 !important;
}

.network-page .network-coach-caution b {
    font-size: 10px;
}

.network-page .network-coach-copy,
.network-page .network-coach-plan {
    justify-self: start;
    min-height: 34px !important;
    padding: 0 11px;
    border: 1px solid #bcd1e7;
    border-radius: 8px !important;
    background: #fff;
    color: #175cae;
    font-size: 10px;
    font-weight: 800;
}

.network-page .network-coach-rescue-button {
    justify-self: start;
    min-height: 34px !important;
    padding: 0 11px;
    border: 1px solid #d4dfeb;
    border-radius: 8px !important;
    background: #fff;
    color: #425f7c;
    font-size: 10px;
    font-weight: 800;
}

.network-page .network-coach-rescue {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding-top: 4px;
}

.network-page .network-coach-rescue[hidden] {
    display: none !important;
}

.network-page .network-coach-rescue .network-coach-label,
.network-page .network-coach-rescue blockquote {
    grid-column: 1 / -1;
}

.network-page .network-coach-rescue button {
    min-height: 34px;
    padding: 5px 7px;
    border: 1px solid #d4dfeb;
    border-radius: 8px;
    background: #fff;
    color: #365773;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.25;
}

.network-page .network-coach-plan {
    border-color: #176fe5;
    background: #176fe5;
    color: #fff;
}

@media (max-width: 390px) {
    .network-page .network-coach-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Contacts V2.1 — Dashboard-density alignment at 100% zoom. */
.mc-contacts-page .mc-contacts-card-header {
    min-height: 68px !important;
    padding: 11px 16px !important;
}

.mc-contacts-page .mc-contacts-card-title {
    gap: 10px !important;
}

.mc-contacts-page .mc-contacts-card-title > span {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
}

.mc-contacts-page .mc-contacts-card-title h2 {
    font-size: 15px !important;
}

.mc-contacts-page .mc-contacts-card-title p {
    margin-top: 2px !important;
    font-size: 10px !important;
}

.mc-contacts-page .mc-contacts-table th {
    height: 44px !important;
    padding: 0 16px !important;
}

.mc-contacts-page .mc-contacts-table td {
    height: 58px !important;
    padding: 8px 16px !important;
}

.mc-contacts-page .mc-contact-identity {
    gap: 10px !important;
}

.mc-contacts-page .mc-contact-identity > span {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
}

.mc-contacts-page .mc-contact-role {
    padding: 5px 8px !important;
}

.mc-contacts-page .mc-contact-menu summary {
    min-width: 68px;
    min-height: 30px;
}

@media (max-width: 900px) {
    .mc-contacts-page .mc-contacts-card-header {
        padding: 12px 14px !important;
    }
}

/* Contacts V2.2 — restore the same softened card corners as Dashboard. */
.mc-contacts-page .mc-contacts-card-header {
    overflow: hidden;
    border-radius: 15px 15px 0 0 !important;
}

.mc-contacts-page .mc-contacts-table-wrap {
    border-radius: 0 0 15px 15px;
}

.mc-contacts-page .mc-contacts-pagination {
    border-radius: 0 0 15px 15px;
}

/* =============================================================
   NETWORK V2 — PEOPLE FIRST, RELATIONSHIPS ON PURPOSE
   Scoped to Network only; existing tools remain available.
   ============================================================= */
.network-page {
    max-width: 1540px !important;
    padding: 24px 28px 48px !important;
}

.network-topbar {
    align-items: flex-end !important;
    margin-bottom: 16px !important;
}

.network-topbar h1 {
    font-size: 32px !important;
    line-height: 1.14 !important;
}

.network-topbar > div > p:last-child {
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.network-global-search input {
    width: 330px !important;
    height: 42px !important;
    background: #fff !important;
    font-size: 11.5px !important;
}

.network-hero {
    min-height: 138px !important;
    padding: 22px 24px !important;
    border: 1px solid #cddff3 !important;
    border-left: 3px solid #22a674 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 7px 22px rgba(27, 61, 101, .05) !important;
}

.network-hero-glow,
.network-orbit {
    display: none !important;
}

.network-hero-copy {
    max-width: 900px !important;
}

.network-live-label {
    color: #16855f !important;
    font-size: 9.5px !important;
}

.network-hero h2 {
    margin: 7px 0 5px !important;
    color: #17304f !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
}

.network-hero-copy > p {
    color: #667b95 !important;
    font-size: 11.5px !important;
    line-height: 1.5 !important;
}

.network-hero-actions {
    margin-top: 14px !important;
}

.network-hero-button,
.network-hero-link {
    min-height: 38px !important;
    border-radius: 9px !important;
    font-size: 10.5px !important;
    transform: none !important;
}

.network-kpis {
    gap: 10px !important;
    margin: 12px 0 !important;
}

.network-kpis article {
    min-height: 82px !important;
    padding: 13px 15px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(27, 57, 94, .04) !important;
    transform: none !important;
    transition: border-color .14s ease, background .14s ease !important;
}

.network-kpis article:hover {
    background: #f9fbfe !important;
    border-color: #c8d9eb !important;
    transform: none !important;
}

.network-kpi-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
}

.network-kpi-icon.missing {
    background-color: #fff3e5 !important;
    color: #c97819 !important;
}

.network-kpi-icon.missing::before {
    background: #c97819;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='3'/%3E%3Cpath d='M5 20c.7-4.5 3-6.5 7-6.5s6.3 2 7 6.5M4 8h3M17 8h3'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='3'/%3E%3Cpath d='M5 20c.7-4.5 3-6.5 7-6.5s6.3 2 7 6.5M4 8h3M17 8h3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.network-kpis strong {
    font-size: 19px !important;
}

.network-kpis small {
    margin-top: 2px !important;
    font-size: 9.5px !important;
}

.network-workspace {
    overflow: hidden;
    border-radius: 14px !important;
    box-shadow: 0 7px 24px rgba(27, 58, 96, .05) !important;
}

.network-workspace-bar {
    min-height: 58px !important;
    padding: 9px 13px !important;
}

.network-view-tabs {
    padding: 4px !important;
    border-radius: 10px !important;
}

.network-view-tabs button {
    min-height: 34px !important;
    padding: 0 15px !important;
    border-radius: 7px !important;
    font-size: 10.5px !important;
}

.network-workspace-actions span {
    color: #657a94 !important;
    font-size: 10px !important;
}

.network-people-controls {
    min-height: 56px !important;
    padding: 9px 14px !important;
}

.network-people-controls label > span {
    font-size: 8.5px !important;
}

.network-people-controls select {
    height: 34px !important;
    min-width: 170px !important;
    font-size: 10px !important;
}

.network-people-controls small {
    font-size: 10px !important;
}

.network-table th {
    height: 43px !important;
    padding: 0 15px !important;
    font-size: 9px !important;
}

.network-table td {
    height: 58px !important;
    padding: 8px 15px !important;
    font-size: 10.5px !important;
}

.network-table tbody tr {
    transform: none !important;
    transition: none !important;
}

.network-table tbody tr:hover {
    background: #f8fbff !important;
    box-shadow: inset 3px 0 #2ca877 !important;
}

.network-person-avatar {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    border-radius: 10px !important;
}

.network-filter-disclosure {
    border-bottom: 1px solid #e1e9f2;
    background: #fbfdff;
}

.network-filter-disclosure > summary {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    color: #345570;
    cursor: pointer;
    font-size: 10.5px;
    font-weight: 800;
    list-style: none;
}

.network-filter-disclosure > summary::-webkit-details-marker {
    display: none;
}

.network-filter-disclosure > summary::after {
    margin-left: 10px;
    color: #6f839b;
    content: "+";
    font-size: 17px;
    font-weight: 500;
}

.network-filter-disclosure[open] > summary::after {
    content: "−";
}

.network-filter-disclosure > summary small {
    margin-left: auto;
    color: #7b8da3;
    font-size: 9.5px;
    font-weight: 650;
}

.network-filter-disclosure .network-map-controls {
    padding: 10px 15px 13px !important;
    border-top: 1px solid #e7edf4 !important;
    border-bottom: 0 !important;
    background: #fff !important;
}

.network-map-stage,
.network-map {
    min-height: var(--network-map-height, 540px) !important;
}

/* Network connection guide: make the map useful for the next conversation. */
.network-map-stage {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 0;
    overflow: hidden;
    transition: grid-template-columns .2s ease-out;
}

.network-map-stage.guide-open {
    grid-template-columns: minmax(0, 1fr) min(310px, 28vw);
}

.network-map-canvas {
    position: relative;
    min-width: 0;
    min-height: var(--network-map-height, 640px);
    overflow: hidden;
    background: radial-gradient(circle at 50% 42%, #fff 0, #f7faff 50%, #edf4fb 100%);
}

.network-map-canvas .network-map {
    height: 100%;
}

.network-map-canvas .network-map-svg {
    height: var(--network-map-height, 640px) !important;
}

.network-hero::before {
    display: none !important;
}

.network-connection-guide {
    position: relative;
    z-index: 6;
    display: flex;
    width: min(310px, 28vw);
    min-width: 0;
    min-height: var(--network-map-height, 640px);
    flex-direction: column;
    padding: 20px;
    border-left: 1px solid #dce7f2;
    background: rgba(255, 255, 255, .96);
    box-shadow: -12px 0 32px rgba(28, 55, 88, .09);
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateX(100%);
    visibility: hidden;
    transition: transform .2s ease-out, opacity .16s ease-out, visibility 0s linear .2s;
}

.network-connection-guide.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    visibility: visible;
    transition: transform .2s ease-out, opacity .16s ease-out;
}

.network-guide-top { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: 12px; }
.network-guide-close { display: grid; width: 32px; height: 32px; padding: 0; place-items: center; border: 1px solid #d3dfeb; border-radius: 8px; background: #fff; color: #526a83; font-size: 20px; line-height: 1; cursor: pointer; }

.network-guide-toggle {
    position: absolute;
    z-index: 4;
    top: 16px;
    right: 16px;
    min-height: 36px;
    padding: 0 13px;
    border: 1px solid #c9d9ea;
    border-radius: 8px;
    background: #fff;
    color: #254969;
    font-size: 10.5px;
    font-weight: 750;
    cursor: pointer;
    transition: opacity .12s ease-out;
}

.network-map-stage.guide-open .network-guide-toggle { opacity: 0; pointer-events: none; }

.network-map-tip { right: 148px !important; }

.network-guide-eyebrow,
.network-guide-content section small {
    color: #55708f;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.network-guide-empty {
    display: grid;
    margin: auto 0;
    justify-items: start;
    gap: 9px;
}

.network-guide-empty[hidden],
.network-guide-content[hidden] { display: none !important; }

.network-guide-symbol {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    background: #e9f7f2;
    color: #07986d;
    font-size: 25px;
}

.network-guide-empty h2,
.network-guide-content h2 { margin: 0; color: #09284b; font-size: 18px; }
.network-guide-empty p,
.network-guide-content p { margin: 0; color: #70839a; font-size: 12px; line-height: 1.55; }

.network-guide-content { display: flex; height: 100%; flex-direction: column; gap: 14px; padding-top: 16px; }
.network-guide-content header { display: flex; align-items: center; gap: 12px; }
.network-guide-avatar { display: grid; width: 46px; height: 46px; flex: 0 0 46px; place-items: center; border-radius: 14px; background: #e8f7f1; color: #078e67; font-size: 13px; font-weight: 850; }
.network-guide-content header p { margin-top: 3px; }
.network-guide-content section { display: grid; gap: 7px; padding: 15px; border: 1px solid #e1e9f2; border-radius: 12px; background: #f8fbfe; }
.network-guide-content section strong { color: #173957; font-size: 12px; line-height: 1.45; }
.network-guide-content footer { display: grid; grid-template-columns: 1fr; gap: 9px; margin-top: auto; }
.network-guide-content button { min-height: 42px; border-radius: 9px; font-weight: 750; cursor: pointer; }
.network-guide-secondary { border: 1px solid #c8d9ea; background: #fff; color: #173d64; }
.network-guide-primary { border: 1px solid #176fe5; background: #176fe5; color: #fff; }

.network-map-node.is-dimmed { opacity: .18; }
.network-map-node.is-related { opacity: .78; }
.network-map-node.is-selected circle { stroke: #08a579 !important; stroke-width: 4px !important; }
.network-relation-line.is-dimmed { opacity: .08 !important; }
.network-relation-line.is-path { opacity: 1 !important; stroke-width: 3px !important; }

@media (max-width: 1050px) {
    .network-map-stage.guide-open { grid-template-columns: minmax(0, 1fr) 280px; }
    .network-connection-guide { width: 280px; min-height: var(--network-map-height, 640px); }
}

@media (max-width: 620px) {
    .network-map-tip { display: none; }
    .network-guide-toggle { right: 12px; }
    .network-map-stage,
    .network-map-stage.guide-open { display: block !important; }
    .network-connection-guide { position: absolute; top: 0; right: 0; bottom: 0; width: calc(100% - 20px); padding: 18px; }
}

/* Keep the final person clear of the rounded workspace edge. */
.network-view-panel[data-network-panel="people"].active .network-table-wrap {
    max-height: min(72vh, 820px) !important;
    padding-bottom: 14px;
    background: #fff;
    scroll-padding-bottom: 14px;
}

.network-view-panel[data-network-panel="people"].active .network-table {
    margin-bottom: 2px;
}

@media (max-width: 900px) {
    .network-page {
        padding: 20px 16px 38px !important;
    }

    .network-global-search,
    .network-global-search input {
        width: 100% !important;
    }

    .network-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    .network-kpis {
        grid-template-columns: 1fr !important;
    }

    .network-hero {
        padding: 18px !important;
    }

    .network-hero h2 {
        font-size: 18px !important;
    }
}

/* NETWORK FINAL — dashboard frame, stable rendering and usable slide guide. */
body:not(.standalone-page) .main > .network-page {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--ui-content-width, 1540px) !important;
    margin: 0 auto !important;
    padding: 0 0 48px !important;
}

.network-page .network-kpi-icon::before {
    content: none !important;
    display: none !important;
    -webkit-mask: none !important;
    mask: none !important;
}

.network-page .network-kpi-icon svg {
    display: block;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.network-page .network-kpi-icon.people { color: #3476d7 !important; }
.network-page .network-kpi-icon.paths { color: #1e9d73 !important; }
.network-page .network-kpi-icon.company { color: #705fd7 !important; }
.network-page .network-kpi-icon.missing { color: #c97819 !important; }

.network-page .network-hero-glow,
.network-page .network-orbit,
.network-page .network-map-stage::before,
.network-page .network-map-stage::after {
    display: none !important;
    animation: none !important;
    filter: none !important;
}

.network-page .network-live-label i,
.network-page .network-map-node circle,
.network-page .network-kpis article,
.network-page .network-kpis article::after,
.network-page .network-kpi-icon {
    animation: none !important;
    filter: none !important;
    transform: none !important;
}

.network-page .network-kpis article,
.network-page .network-kpis article::after,
.network-page .network-kpi-icon {
    transition: none !important;
}

.network-page .network-map-stage.guide-open {
    grid-template-columns: minmax(0, 1fr) 340px !important;
}

.network-page .network-connection-guide {
    box-sizing: border-box;
    width: 390px !important;
    min-width: 0;
    padding: 22px 20px !important;
    overflow: hidden;
}

.network-page .network-guide-top,
.network-page .network-guide-content,
.network-page .network-guide-content header,
.network-page .network-guide-content header > div,
.network-page .network-guide-content section {
    min-width: 0;
}

.network-page .network-guide-close { flex: 0 0 auto; }

.network-page .network-guide-content h2,
.network-page .network-guide-content p,
.network-page .network-guide-content strong,
.network-page .network-guide-empty p {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.network-page .network-guide-content footer {
    margin-top: 4px !important;
}

.network-page .network-guide-toggle:disabled {
    cursor: default;
    opacity: .58;
    box-shadow: none;
}

@media (max-width: 1050px) and (min-width: 721px) {
    .network-page .network-map-stage.guide-open {
        grid-template-columns: minmax(0, 1fr) 320px !important;
    }

    .network-page .network-connection-guide {
        width: 360px !important;
    }
}

@media (max-width: 900px) {
    body:not(.standalone-page) .main > .network-page {
        padding: 0 0 38px !important;
    }
}

@media (max-width: 720px) {
    .network-page .network-connection-guide {
        width: calc(100% - 16px) !important;
        max-width: 360px;
    }
}

/* DASHBOARD CONTROL ALIGNMENT — Network filters and Contacts actions. */
.network-page .network-map-controls > button[data-network-reset] {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 104px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 14px !important;
    border: 1px solid #cbd9e8 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #294865 !important;
    box-shadow: 0 2px 6px rgba(25, 55, 85, .04) !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    transform: none !important;
}

.mc-contacts-page .mc-add-contact-button.add-button {
    display: inline-flex !important;
    flex: 0 0 160px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 15px !important;
    border: 1px solid #2471e8 !important;
    color: #fff !important;
    box-shadow: 0 4px 11px rgba(36, 91, 181, .18) !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
}

.mc-contacts-page .mc-add-contact-button.add-button:hover,
.mc-contacts-page .mc-add-contact-button.add-button:focus-visible {
    border-color: #185fcb !important;
    background: #185fcb !important;
    box-shadow: 0 7px 16px rgba(36, 91, 181, .22) !important;
    transform: none !important;
}

.mc-contacts-page .mc-contact-menu > div {
    box-sizing: border-box !important;
    width: 150px !important;
    padding: 5px !important;
    border: 1px solid #d5e0ec !important;
    border-radius: 10px !important;
    background: #fff !important;
}

.mc-contacts-page .mc-contact-menu > div a,
.mc-contacts-page .mc-contact-menu > div button {
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer;
    text-align: left !important;
    text-decoration: none !important;
    font: inherit !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    transform: none !important;
}

.mc-contacts-page .mc-contact-menu > div a {
    color: #35516f !important;
}

.mc-contacts-page .mc-contact-menu > div form {
    margin: 0 !important;
    padding-top: 4px;
    border-top: 1px solid #edf1f6;
}

.mc-contacts-page .mc-contact-menu > div button {
    color: #bd3f3f !important;
}

.mc-contacts-page .mc-contact-menu > div a:hover,
.mc-contacts-page .mc-contact-menu > div a:focus-visible {
    background: #f3f7fc !important;
    color: #1769e8 !important;
}

.mc-contacts-page .mc-contact-menu > div button:hover,
.mc-contacts-page .mc-contact-menu > div button:focus-visible {
    background: #fff3f3 !important;
    color: #ad3030 !important;
}

@media (max-width: 650px) {
    .mc-contacts-page .mc-add-contact-button.add-button {
        
        
        
        flex: 1 1 140px !important;
    }
}

/* NETWORK CONTROLS — the same calm button system as Dashboard. */
.network-page .network-hero-button,
.network-page .network-hero-link,
.network-page .network-primary-button,
.network-page .network-secondary-button,
.network-page .network-guide-primary,
.network-page .network-guide-secondary,
.network-page .network-guide-toggle {
    box-sizing: border-box;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    font-family: inherit;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1;
}

.network-page .network-hero-button,
.network-page .network-primary-button,
.network-page .network-guide-primary {
    border: 1px solid #246cdd !important;
    background: #2b70df !important;
    color: #fff !important;
    box-shadow: 0 5px 14px rgba(37, 103, 211, .16) !important;
}

.network-page .network-hero-link,
.network-page .network-secondary-button,
.network-page .network-guide-secondary,
.network-page .network-guide-toggle {
    border: 1px solid #cbd9e8 !important;
    background: #fff !important;
    color: #183b61 !important;
    box-shadow: 0 2px 6px rgba(25, 55, 85, .04) !important;
}

.network-page .network-guide-close {
    box-sizing: border-box;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    min-height: 40px;
    border-radius: 10px !important;
    font-size: 17px !important;
    font-weight: 650;
}

.network-page .network-map-stage.guide-open .network-map-tip {
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 900px) {
    .network-page .network-map-tip {
        display: none !important;
    }
}

/* NETWORK SEARCH — Dashboard width with the complete placeholder visible. */
.network-page .network-top-actions .network-global-search {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 100% !important;
}

.network-page .network-guide-toggle {
    width: 150px !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
    white-space: nowrap;
}

.network-page .network-top-actions .network-global-search input#network-search {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 16px 0 46px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    line-height: 42px !important;
    text-overflow: clip !important;
}

@media (max-width: 680px) {
    .network-page .network-top-actions .network-global-search {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* NETWORK IMPORT — compact Dashboard dialog and controls. */
html body #network-import-dialog.network-dialog {
    box-sizing: border-box !important;
    inline-size: 640px !important;
    width: 640px !important;
    max-inline-size: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    height: auto !important;
    max-height: calc(100vh - 40px) !important;
    margin: auto !important;
    padding: 0 !important;
    overflow: auto;
    border: 1px solid #d5e1ee !important;
    border-radius: 16px !important;
    background: #fff;
}

html body #network-import-dialog.network-dialog > form {
    box-sizing: border-box;
    width: 100%;
    padding: 22px 24px !important;
}

#network-import-dialog .network-dialog-heading {
    margin-bottom: 18px !important;
}

#network-import-dialog .network-dialog-heading > button {
    display: grid;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    padding: 0 !important;
    place-items: center;
    border: 1px solid #d3dfeb !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #526a83 !important;
    font-size: 17px !important;
}

#network-import-dialog .network-file-field {
    gap: 9px;
    padding: 16px !important;
    border-radius: 12px !important;
}

#network-import-dialog .network-file-field input[type="file"] {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #cbd9e8 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #526a83 !important;
    font-family: inherit;
    font-size: 12px !important;
    line-height: 40px;
}

#network-import-dialog .network-file-field input[type="file"]::file-selector-button {
    height: 40px;
    margin: 0 12px 0 0;
    padding: 0 15px;
    border: 0;
    border-right: 1px solid #cbd9e8;
    background: #f5f8fc;
    color: #183b61;
    font-family: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

#network-import-dialog .network-dialog-actions {
    gap: 10px !important;
    margin-top: 18px !important;
}

#network-import-dialog .network-dialog-actions .network-secondary-button,
#network-import-dialog .network-dialog-actions .network-primary-button {
    box-sizing: border-box;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

#network-import-dialog .network-dialog-actions .network-secondary-button {
    border: 1px solid #cbd9e8 !important;
    background: #fff !important;
    color: #183b61 !important;
}

#network-import-dialog .network-dialog-actions .network-primary-button {
    border: 1px solid #246cdd !important;
    background: #2b70df !important;
    color: #fff !important;
    box-shadow: 0 5px 14px rgba(37, 103, 211, .16) !important;
}

#network-import-dialog .network-dialog-actions .network-primary-button:disabled {
    border-color: #d7e1ec !important;
    background: #eef2f7 !important;
    color: #8291a4 !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

@media (max-width: 680px) {
    html body #network-import-dialog.network-dialog {
        inline-size: calc(100vw - 24px) !important;
        width: calc(100vw - 24px) !important;
        max-inline-size: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
    }

    #network-import-dialog .network-dialog-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   MOCLARUS FINAL UI STABILITY
   Keeps approved layouts intact and removes decorative lag.
   ========================================================= */

.network-page .network-kpis { gap: 12px !important; }

.network-page .network-kpis article {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    min-height: 72px !important;
    padding: 14px 18px !important;
    align-items: center !important;
    align-content: center !important;
    column-gap: 14px !important;
    border-radius: 12px !important;
    transform: none !important;
}

.network-page .network-kpis article > .network-kpi-icon {
    display: grid !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center !important;
    align-self: center !important;
    border-radius: 10px !important;
    transform: none !important;
}

.network-page .network-kpis article > div {
    display: grid !important;
    min-width: 0 !important;
    margin: 0 !important;
    align-content: center !important;
    gap: 3px !important;
}

.network-page .network-kpis article strong,
.network-page .network-kpis article small {
    display: block !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.network-page .network-kpis article strong { font-size: 20px !important; }
.network-page .network-kpis article small {
    overflow: hidden;
    color: #6f8299 !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.network-page .network-kpis article:hover,
.network-page .network-kpis article:focus-visible,
.network-page .network-kpis article:hover .network-kpi-icon,
.network-page .network-kpis article:focus-visible .network-kpi-icon {
    transform: none !important;
}

.network-page .network-hero-glow,
.network-page .network-orbit,
.network-page .network-map-stage::before,
.network-page .network-map-stage::after,
.network-page .network-kpis article::after {
    display: none !important;
    animation: none !important;
    filter: none !important;
}

.network-page .network-live-label i,
.network-page .network-map-node circle,
.network-page .network-kpi-icon,
.network-page .network-kpi-icon::before {
    animation: none !important;
    filter: none !important;
}

body:not(:has(.mc-dashboard-v2)):not(:has(.mc-myday)):not(:has(.mc-calendar)) .main *:not(.spinner):not(.loading):not([aria-busy="true"]) {
    animation: none !important;
    transition-duration: .12s !important;
    transition-delay: 0s !important;
}

body:not(:has(.mc-dashboard-v2)):not(:has(.mc-myday)):not(:has(.mc-calendar)) .main a:hover,
body:not(:has(.mc-dashboard-v2)):not(:has(.mc-myday)):not(:has(.mc-calendar)) .main button:hover,
body:not(:has(.mc-dashboard-v2)):not(:has(.mc-myday)):not(:has(.mc-calendar)) .main [role="button"]:hover {
    transform: none !important;
}

.network-page .network-connection-guide,
.network-page .network-connection-guide.is-open {
    transition-duration: .2s, .16s, 0s !important;
}

.sidebar,
.sidebar-panel,
[data-sidebar-panel] {
    transition-duration: .2s !important;
}

@media (max-width: 900px) {
    .network-page .network-kpis article { min-height: 68px !important; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* =========================================================
   NETWORK QUICK CONNECTION — one workflow from People + Map
   ========================================================= */

.network-table .network-connect-heading,
.network-table .network-connect-cell {
    width: 104px;
    text-align: right !important;
}

.network-row-connect {
    box-sizing: border-box;
    height: 38px;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #c6d7e9;
    border-radius: 10px;
    background: #fff;
    color: #215b9f;
    font: inherit;
    font-size: 11px;
    font-weight: 780;
    cursor: pointer;
}

.network-row-connect:hover,
.network-row-connect:focus-visible {
    border-color: #7fa9df;
    background: #f3f8ff;
    outline: none;
    transform: none !important;
}

html body #network-relationship-dialog.network-dialog {
    box-sizing: border-box !important;
    inset: 0 0 0 auto !important;
    inline-size: min(460px, calc(100vw - 24px)) !important;
    width: min(460px, calc(100vw - 24px)) !important;
    max-inline-size: none !important;
    max-width: none !important;
    height: calc(100dvh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    top: 8px !important;
    bottom: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    touch-action: pan-y;
    border: 0 !important;
    border-left: 1px solid #d4e0ed !important;
    border-radius: 16px 0 0 16px !important;
    background: #fff;
    box-shadow: -18px 0 50px rgba(21, 48, 80, .17) !important;
}

html body #network-relationship-dialog.network-dialog[open] {
    animation: network-quick-panel-in .2s ease-out both !important;
}

@keyframes network-quick-panel-in {
    from { opacity: .5; transform: translateX(34px); }
    to { opacity: 1; transform: translateX(0); }
}

#network-relationship-dialog::backdrop {
    background: rgba(18, 37, 62, .25) !important;
    backdrop-filter: none !important;
}

html body #network-relationship-dialog.network-dialog > form {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    height: auto !important;
    min-height: 100%;
    min-height: 0;
    padding: 22px !important;
    overflow: visible !important;
    flex-direction: column;
}

#network-relationship-dialog .network-dialog-heading {
    margin-bottom: 18px !important;
}

#network-relationship-dialog .network-dialog-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #176fe5;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .1em;
}

#network-relationship-dialog .network-dialog-heading h2 {
    font-size: 19px !important;
}

#network-relationship-dialog .network-dialog-heading > button {
    display: grid;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    padding: 0 !important;
    place-items: center;
    border: 1px solid #d2deeb !important;
    border-radius: 10px !important;
    background: #fff !important;
    font-size: 17px !important;
}

#network-relationship-dialog .network-form-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 13px !important;
}

#network-relationship-dialog .network-form-grid > label,
#network-relationship-dialog .network-person-search-field {
    display: grid;
    min-width: 0;
    gap: 6px;
}

#network-relationship-dialog .network-person-search-field {
    grid-template-columns: 1fr;
}

#network-relationship-dialog input,
#network-relationship-dialog select {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid #cbd9e8 !important;
    border-radius: 10px !important;
    background: #fff !important;
    font-size: 12px !important;
}

#network-relationship-dialog .network-person-search-field input {
    padding-left: 38px !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d7692' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") 12px center / 16px 16px no-repeat !important;
}

#network-relationship-dialog .network-person-search-field small {
    color: #71849a;
    font-size: 9.5px;
}

#network-relationship-dialog .network-relationship-more {
    overflow: hidden;
    border: 1px solid #dce5ef;
    border-radius: 10px;
    background: #f9fbfd;
}

#network-relationship-dialog .network-relationship-more summary {
    display: flex;
    min-height: 42px;
    padding: 0 13px;
    align-items: center;
    justify-content: space-between;
    color: #294765;
    font-size: 11px;
    font-weight: 780;
    cursor: pointer;
}

#network-relationship-dialog .network-relationship-more summary small {
    color: #7d8da0;
    font-size: 9px;
    font-weight: 650;
}

#network-relationship-dialog .network-relationship-more > div {
    display: grid;
    gap: 12px;
    padding: 0 13px 13px;
}

#network-relationship-dialog .network-relationship-more label {
    display: grid;
    gap: 6px;
}

#network-relationship-dialog .network-relationship-more textarea {
    box-sizing: border-box;
    width: 100%;
    min-height: 84px;
    padding: 10px 12px;
    border: 1px solid #cbd9e8;
    border-radius: 10px;
    font: inherit;
    font-size: 11px;
    resize: vertical;
}

#network-relationship-dialog .network-dialog-actions {
    position: sticky;
    bottom: 0;
    z-index: 2;
    gap: 9px !important;
    margin-top: auto !important;
    padding: 16px 0 4px;
    background: #fff;
}

#network-relationship-dialog .network-dialog-actions .network-primary-button,
#network-relationship-dialog .network-dialog-actions .network-secondary-button {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
}

@media (max-width: 720px) {
    html body #network-relationship-dialog.network-dialog {
        inline-size: 100vw !important;
        width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        top: 0 !important;
        bottom: 0 !important;
        border-radius: 0 !important;
    }

    .network-table .network-connect-heading,
    .network-table .network-connect-cell { width: 88px; }
}

/* NETWORK STABLE SCALE — one smooth slide and no mid-transition map measurement. */
.network-page .network-map-stage,
.network-page .network-map-stage.guide-open {
    transition: grid-template-columns 240ms cubic-bezier(.22, .61, .36, 1) !important;
}

.network-page .network-map-canvas {
    min-width: 0;
    contain: layout paint;
}

.network-page .network-map-svg {
    display: block;
    max-width: none;
    shape-rendering: geometricPrecision;
    transform: translate3d(var(--network-map-pan, 0px), 0, 0);
    transform-origin: center center;
    transition: transform 260ms cubic-bezier(.22, .61, .36, 1) !important;
}

.network-page .network-connection-guide,
.network-page .network-connection-guide.is-open {
    transition: transform 240ms cubic-bezier(.22, .61, .36, 1), opacity 180ms ease-out, visibility 0s linear 240ms !important;
}

.network-page .network-connection-guide.is-open {
    transition: transform 240ms cubic-bezier(.22, .61, .36, 1), opacity 180ms ease-out, visibility 0s linear 0s !important;
}

.network-page .network-guide-toggle {
    transition: opacity 140ms ease-out, visibility 0s linear 0s !important;
}

.network-page .network-map-stage.guide-open .network-guide-toggle {
    visibility: hidden;
    transition: opacity 120ms ease-out, visibility 0s linear 120ms !important;
}

/* NETWORK ACTION CENTER — a direct next step without leaving the map. */
.network-page .network-guide-plan-status {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #cbe9dc;
    border-radius: 10px;
    background: #f0faf6;
    color: #087653;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
}

.network-page .network-guide-content footer {
    gap: 8px !important;
}

html body #network-follow-up-dialog.network-dialog {
    box-sizing: border-box !important;
    inline-size: min(620px, calc(100vw - 32px)) !important;
    width: min(620px, calc(100vw - 32px)) !important;
    max-inline-size: 620px !important;
    max-width: 620px !important;
    max-height: min(760px, calc(100dvh - 32px)) !important;
    margin: auto !important;
    padding: 24px !important;
    border: 1px solid #d7e2ee !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 24px 70px rgba(17, 43, 72, .2) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

#network-follow-up-dialog .network-follow-up-person {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0;
    padding: 13px;
    border: 1px solid #e0e8f1;
    border-radius: 12px;
    background: #f8fbfe;
}

#network-follow-up-dialog .network-follow-up-person > span {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border-radius: 12px;
    background: #e7f7f1;
    color: #078b65;
    font-size: 13px;
    font-weight: 850;
}

#network-follow-up-dialog .network-follow-up-person div {
    display: grid;
    min-width: 0;
    gap: 3px;
}

#network-follow-up-dialog .network-follow-up-person strong {
    color: #102d4f;
    font-size: 14px;
}

#network-follow-up-dialog .network-follow-up-person small {
    overflow: hidden;
    color: #70839a;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#network-follow-up-dialog .network-follow-up-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

#network-follow-up-dialog .network-follow-up-grid > label:not(.network-follow-up-movable) {
    display: grid;
    gap: 6px;
    color: #40536b;
    font-size: 11px;
    font-weight: 750;
}

#network-follow-up-dialog input:not([type="checkbox"]),
#network-follow-up-dialog select,
#network-follow-up-dialog textarea {
    box-sizing: border-box;
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid #cbd9e8;
    border-radius: 10px;
    background: #fff;
    color: #172b47;
    font: inherit;
    font-size: 12px;
}

#network-follow-up-dialog textarea {
    min-height: 86px;
    padding: 11px 12px;
    resize: vertical;
}

#network-follow-up-dialog .network-follow-up-movable {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #52677f;
    font-size: 11px;
    font-weight: 650;
}

#network-follow-up-dialog .network-follow-up-movable input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #246cdd;
}

#network-follow-up-dialog .network-dialog-actions {
    gap: 9px !important;
    margin-top: 20px !important;
}

@media (max-width: 620px) {
    #network-follow-up-dialog .network-follow-up-grid {
        grid-template-columns: 1fr;
    }
}

/* NETWORK GUIDE OVERLAY — the graph never changes size when the guide moves. */
.network-page .network-map-stage,
.network-page .network-map-stage.guide-open {
    position: relative !important;
    display: block !important;
    grid-template-columns: none !important;
    overflow: hidden !important;
    transition: none !important;
}

.network-page .network-map-canvas,
.network-page .network-map-stage.guide-open .network-map-canvas {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.network-page .network-connection-guide,
.network-page .network-connection-guide.is-open {
    position: absolute !important;
    z-index: 8 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 390px !important;
    height: 100% !important;
    min-height: 0 !important;
    box-shadow: -20px 0 42px rgba(24, 54, 88, .14) !important;
    transform: translate3d(100%, 0, 0);
    backface-visibility: hidden;
    will-change: transform, opacity;
}

.network-page .network-connection-guide.is-open {
    transform: translate3d(0, 0, 0);
}

@media (max-width: 1050px) and (min-width: 721px) {
    .network-page .network-connection-guide,
    .network-page .network-connection-guide.is-open {
        width: 360px !important;
    }
}

@media (max-width: 720px) {
    .network-page .network-connection-guide,
    .network-page .network-connection-guide.is-open {
        width: min(360px, calc(100% - 16px)) !important;
    }
}

/* FINAL CONTROL LOCK — keep accepted Dashboard dimensions above legacy rules. */
.network-page .network-map-controls > button[data-network-reset] {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    align-self: flex-end !important;
}

/* NETWORK GUIDE READABILITY — Dashboard contrast without visual heaviness. */
.network-page .network-guide-eyebrow,
.network-page .network-guide-content section small {
    color: #466481 !important;
}

.network-page .network-guide-content header p,
.network-page .network-guide-content section p {
    color: #5b7189 !important;
    font-weight: 550;
}

.mc-contacts-page .mc-add-contact-button.add-button {
    width: 160px !important;
    min-width: 160px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    border-radius: 9px !important;
    background: #2471e8 !important;
    transform: none !important;
}

.mc-contacts-page .mc-contact-menu > div button {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    box-shadow: none !important;
}

@media (max-width: 650px) {
    .mc-contacts-page .mc-add-contact-button.add-button {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

/* NETWORK FINAL LAYOUT CONTRACT — one source of truth for controls and drawer spacing. */
.network-page .network-map-controls {
    align-items: flex-end !important;
}

.network-page .network-map-controls > label select,
.network-page .network-reset-control > button[data-network-reset] {
    box-sizing: border-box !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    align-self: flex-end !important;
    border-radius: 10px !important;
}

.network-page .network-reset-control {
    display: grid !important;
    min-width: 104px;
    flex: 0 0 auto;
    align-self: flex-end;
    gap: 4px;
    transform: translateY(-8px);
}

.network-page .network-reset-control > span {
    visibility: hidden;
    color: #73879d;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: normal;
    text-transform: uppercase;
}

.network-page .network-reset-control > button[data-network-reset] {
    width: 100%;
    padding: 0 14px !important;
    border: 1px solid #cbd9e8 !important;
    background: #fff !important;
    color: #294865 !important;
    box-shadow: 0 2px 6px rgba(25, 55, 85, .04) !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
}

.network-page .network-connection-guide {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

.network-page .network-guide-content {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: calc(100% - 46px) !important;
    flex: 1 0 auto !important;
    padding: 16px 0 20px !important;
}

.network-page .network-guide-content footer {
    margin-top: auto !important;
    padding-bottom: 0 !important;
}

.network-page [data-network-panel="people"].is-page-loading .network-table-wrap,
.network-page [data-network-panel="people"].is-page-loading .network-pagination {
    opacity: .58;
    pointer-events: none;
}

/* ACTIVITIES STEP 1 — chronological customer timeline. */
.mc-activities-page{box-sizing:border-box;width:100%;max-width:1540px;margin:0 auto;overflow-x:hidden}
.mc-activities-page *{box-sizing:border-box}
.mc-activity-history{width:calc(100% - 68px);max-width:1472px;margin:0 auto;border:1px solid #d7e3f0;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(29,59,96,.06);overflow:hidden}
.mc-activity-history-header{display:flex;min-height:80px;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:linear-gradient(115deg,#fff,#f7f5ff);border-bottom:1px solid #dfe8f2}
.mc-activity-history-header>div{display:flex;align-items:center;gap:12px}.mc-activity-history-header h2{margin:0;color:#1a304c;font-size:16px;font-weight:760}.mc-activity-history-header p{margin:4px 0 0;color:#71839a;font-size:10.5px;line-height:1.45}
.mc-activity-history-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eee9ff;color:#6b54d4}.mc-activity-history-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mc-activity-history-count{display:inline-flex;min-width:86px;height:34px;align-items:center;justify-content:center;padding:0 12px;border:1px solid #ddd7f6;border-radius:9px;background:#fff;color:#6551c8;font-size:10px;font-weight:760;white-space:nowrap}
.mc-activity-timeline{position:relative;padding:22px 24px 28px 30px}.mc-activity-timeline::before{content:"";position:absolute;top:65px;bottom:32px;left:49px;width:1px;background:#dce4ef}
.mc-activity-day{position:relative;z-index:1;display:flex;align-items:baseline;gap:7px;margin:0 0 12px;padding:0 0 0 40px;color:#71839b}.mc-activity-day:not(:first-child){margin-top:24px}.mc-activity-day span{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mc-activity-day strong{color:#3c526e;font-size:11px;font-weight:730}
.mc-activity-entry{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;margin-bottom:11px}.mc-activity-marker{position:relative;z-index:2;display:grid;width:38px;height:38px;place-items:center;border:5px solid #fff;border-radius:50%;background:#ede9ff;color:#6d56cf;box-sizing:border-box}.mc-activity-marker svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mc-activity-card{min-width:0;padding:14px 16px;border:1px solid #e0e7f0;border-radius:12px;background:#fff;box-shadow:0 4px 13px rgba(32,57,89,.035)}.mc-activity-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.mc-activity-heading{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:7px}.mc-activity-heading h3{width:100%;margin:3px 0 0;color:#213955;font-size:13px;font-weight:760;line-height:1.35}.mc-activity-type{display:inline-flex;height:23px;align-items:center;padding:0 8px;border-radius:7px;background:#f0ecff;color:#6550c8;font-size:9px;font-weight:820}.mc-activity-time{color:#8292a6;font-size:9.5px;font-weight:700}
.mc-activity-notes{margin:10px 0 0;color:#526880;font-size:11px;line-height:1.58;white-space:pre-line}.mc-activity-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;padding-top:10px;border-top:1px solid #edf1f6;color:#7b8ca1;font-size:9.5px;font-weight:620}.mc-activity-meta span,.mc-activity-meta a{position:relative}.mc-activity-meta span:not(:first-child)::before,.mc-activity-meta a:not(:first-child)::before{content:"";position:absolute;top:50%;left:-9px;width:3px;height:3px;border-radius:50%;background:#b3bfcd}.mc-activity-meta .company-link{color:#276dca;font-weight:760;text-decoration:none}.mc-activity-meta .company-link:hover{text-decoration:underline}
.mc-activity-actions{display:flex;flex:0 0 auto;align-items:center;gap:7px}.mc-activity-actions form{margin:0}.mc-activity-actions .edit-button,.mc-activity-actions .delete-button{display:inline-flex;width:64px;min-width:64px;height:32px;min-height:32px;align-items:center;justify-content:center;padding:0;border-radius:8px;font-size:9.5px;font-weight:760;text-decoration:none}.mc-activity-actions .edit-button{border:1px solid #cbdbea;background:#f8fbff;color:#315f96}.mc-activity-actions .delete-button{border:1px solid #efc4c0;background:#fff;color:#b9433c}
@media(max-width:700px){.mc-activity-history{width:calc(100% - 30px)}.mc-activity-history-header{align-items:flex-start}.mc-activity-history-header p{display:none}.mc-activity-timeline{padding:18px 14px 22px 18px}.mc-activity-timeline::before{left:37px}.mc-activity-day{padding-left:38px}.mc-activity-entry{grid-template-columns:38px minmax(0,1fr);gap:9px}.mc-activity-card-top{flex-direction:column}.mc-activity-actions{width:100%}.mc-activity-meta{align-items:flex-start;flex-direction:column;gap:5px}.mc-activity-meta span::before,.mc-activity-meta a::before{display:none}}

/* ACTIVITIES — same stable page frame and margins as Network. */
body:not(.standalone-page) .main > .mc-activities-page{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:var(--ui-content-width,1540px)!important;
    margin:0 auto!important;
    padding:0 0 48px!important;
    overflow-x:hidden!important;
}
.mc-activities-page .mc-activities-header{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding:52px 0 0!important;
}
.mc-activities-page .mc-activities-header::before{left:0!important}
.mc-activities-page .mc-activity-history,
.mc-activities-page .mc-activities-empty{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
}
@media(max-width:700px){
    .mc-activities-page .mc-activities-header{padding:48px 0 0!important}
}

/* ACTIVITIES STEP 5 — intelligence without added user work. */
.mc-activities-page .mc-activity-intelligence{display:grid;grid-template-columns:minmax(320px,1.15fr) minmax(430px,1fr);gap:14px;width:100%;margin:0 0 14px}
.mc-activities-page .mc-activity-pulse,.mc-activities-page .mc-activity-metrics{min-width:0;border:1px solid #d7e3f0;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(29,59,96,.05)}
.mc-activities-page .mc-activity-pulse{display:flex;align-items:center;gap:13px;padding:15px 18px;background:linear-gradient(115deg,#f7f4ff,#fff 68%)}
.mc-activities-page .mc-activity-pulse-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:12px;background:#eae5ff;color:#674fd0}
.mc-activities-page .mc-activity-pulse-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mc-activities-page .mc-activity-pulse div>span{display:block;margin-bottom:3px;color:#745fc5;font-size:8.5px;font-weight:850;letter-spacing:.1em}
.mc-activities-page .mc-activity-pulse strong{display:block;color:#1c3553;font-size:13px;font-weight:760;line-height:1.35}
.mc-activities-page .mc-activity-pulse p{margin:3px 0 0;color:#708198;font-size:9.5px;line-height:1.45}
.mc-activities-page .mc-activity-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}
.mc-activities-page .mc-activity-metrics>div{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;padding:12px 9px;border-right:1px solid #e5ecf4;text-align:center}
.mc-activities-page .mc-activity-metrics>div:last-child{border-right:0}.mc-activities-page .mc-activity-metrics span{color:#71839a;font-size:8.5px;font-weight:730;white-space:nowrap}.mc-activities-page .mc-activity-metrics strong{margin-top:5px;color:#203a58;font-size:20px;font-weight:800;line-height:1}
.mc-activities-page .mc-activity-finder{display:grid;grid-template-columns:minmax(260px,1fr) 190px 104px auto;align-items:end;gap:9px;width:100%;margin:0 0 14px;padding:11px;border:1px solid #d7e3f0;border-radius:13px;background:#fff;box-shadow:0 6px 19px rgba(29,59,96,.045)}
.mc-activities-page .mc-activity-search{position:relative;display:block}.mc-activities-page .mc-activity-search>span{position:absolute;top:50%;left:12px;display:grid;place-items:center;color:#74879e;transform:translateY(-50%)}.mc-activities-page .mc-activity-search svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.mc-activities-page .mc-activity-search input{box-sizing:border-box!important;width:100%!important;height:40px!important;min-height:40px!important;padding:0 12px 0 38px!important;border:1px solid #d3deea!important;border-radius:9px!important;background:#f9fbfd!important;color:#263e5b!important;font-size:10.5px!important;box-shadow:none!important}
.mc-activities-page .mc-activity-filter{display:grid;gap:4px}.mc-activities-page .mc-activity-filter>span{padding-left:2px;color:#70839a;font-size:8px;font-weight:820;letter-spacing:.06em;text-transform:uppercase}.mc-activities-page .mc-activity-filter select{box-sizing:border-box!important;width:100%!important;height:40px!important;min-height:40px!important;padding:0 32px 0 11px!important;border:1px solid #d3deea!important;border-radius:9px!important;background-color:#f9fbfd!important;color:#314b68!important;font-size:10.5px!important;box-shadow:none!important}
.mc-activities-page .mc-activity-find-button,.mc-activities-page .mc-activity-clear{display:inline-flex;height:40px;min-height:40px;align-items:center;justify-content:center;padding:0 13px;border-radius:9px;font-size:9.5px;font-weight:780;white-space:nowrap;text-decoration:none}
.mc-activities-page .mc-activity-find-button{border:1px solid #6650cc;background:#6b55d1;color:#fff;cursor:pointer}.mc-activities-page .mc-activity-find-button:hover{background:#5943bd}.mc-activities-page .mc-activity-clear{border:1px solid #d5e0ec;background:#fff;color:#526b87}
@media(max-width:1000px){.mc-activities-page .mc-activity-intelligence{grid-template-columns:1fr}.mc-activities-page .mc-activity-finder{grid-template-columns:minmax(220px,1fr) 180px 104px}.mc-activities-page .mc-activity-clear{grid-column:1/-1;width:max-content}}
@media(max-width:700px){.mc-activities-page .mc-activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-activities-page .mc-activity-metrics>div:nth-child(2){border-right:0}.mc-activities-page .mc-activity-metrics>div:nth-child(-n+2){border-bottom:1px solid #e5ecf4}.mc-activities-page .mc-activity-finder{grid-template-columns:1fr}.mc-activities-page .mc-activity-find-button,.mc-activities-page .mc-activity-clear{width:100%}}

/* ACTIVITIES STEP 5.1 — exact search-control alignment. */
.mc-activities-page .mc-activity-finder{align-items:end!important}
.mc-activities-page .mc-activity-search,
.mc-activities-page .mc-activity-filter{position:relative!important;display:grid!important;align-self:end!important;gap:4px!important;margin:0!important}
.mc-activities-page .mc-activity-control-label,
.mc-activities-page .mc-activity-filter>span{position:static!important;display:block!important;height:auto!important;padding-left:2px!important;color:#70839a!important;font-size:8px!important;font-weight:820!important;line-height:1.2!important;letter-spacing:.06em!important;text-transform:uppercase!important;transform:none!important}
.mc-activities-page .mc-activity-search>.mc-activity-search-icon{position:absolute!important;z-index:2!important;top:auto!important;right:auto!important;bottom:12px!important;left:12px!important;display:grid!important;width:16px!important;height:16px!important;place-items:center!important;color:#74879e!important;transform:none!important;pointer-events:none!important}
.mc-activities-page .mc-activity-search input,
.mc-activities-page .mc-activity-filter select,
.mc-activities-page .mc-activity-find-button,
.mc-activities-page .mc-activity-clear{box-sizing:border-box!important;height:40px!important;min-height:40px!important;max-height:40px!important;align-self:end!important;margin:0!important;transform:none!important;line-height:1!important}
.mc-activities-page .mc-activity-search input{padding:0 12px!important;text-indent:0!important}
.mc-activities-page .mc-activity-find-button{padding:0 13px!important;border-radius:9px!important}

/* ACTIVITIES STEP 6 — compact, rule-based guidance. */
.mc-activities-page .mc-activity-guidance{width:100%;margin:0 0 14px;overflow:hidden;border:1px solid #d7e3f0;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(29,59,96,.05)}
.mc-activities-page .mc-activity-guidance>header{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:22px;padding:12px 18px;border-bottom:1px solid #e4ebf3;background:linear-gradient(180deg,#fff,#fbfdff)}
.mc-activities-page .mc-activity-guidance>header span{display:block;margin-bottom:3px;color:#6c58be;font-size:8px;font-weight:850;letter-spacing:.1em}.mc-activities-page .mc-activity-guidance>header h2{margin:0;color:#1c3552;font-size:14px;font-weight:760}.mc-activities-page .mc-activity-guidance>header>p{max-width:430px;margin:0;color:#718299;font-size:9.5px;line-height:1.45;text-align:right}
.mc-activities-page .mc-activity-guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.mc-activities-page .mc-activity-insight{position:relative;min-width:0;padding:14px 18px 15px;border-right:1px solid #e6edf5}.mc-activities-page .mc-activity-insight:last-child{border-right:0}.mc-activities-page .mc-activity-insight::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:#6b55d1}.mc-activities-page .mc-activity-insight.is-danger::before{background:#d85a55}.mc-activities-page .mc-activity-insight.is-warning::before{background:#dda03d}.mc-activities-page .mc-activity-insight.is-info::before{background:#4182d8}.mc-activities-page .mc-activity-insight.is-success::before{background:#28a372}
.mc-activities-page .mc-activity-insight>span{display:block;margin-bottom:4px;color:#788a9f;font-size:8px;font-weight:820;letter-spacing:.065em;text-transform:uppercase}.mc-activities-page .mc-activity-insight h3{margin:0;color:#203a57;font-size:12px;font-weight:760;line-height:1.35}.mc-activities-page .mc-activity-insight p{min-height:30px;margin:5px 0 11px;color:#6f8095;font-size:9.5px;line-height:1.5}.mc-activities-page .mc-activity-insight a{display:inline-flex!important;box-sizing:border-box!important;width:auto!important;min-width:126px!important;height:36px!important;min-height:36px!important;max-height:36px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 12px!important;border:1px solid #cbdbea!important;border-radius:9px!important;background:#f8fbff!important;color:#315f96!important;box-shadow:none!important;font-size:10px!important;font-weight:780!important;line-height:1!important;text-decoration:none!important;transform:none!important}.mc-activities-page .mc-activity-insight a::after{content:"→";margin-left:7px}.mc-activities-page .mc-activity-insight a:hover{border-color:#a9c5e7!important;background:#eaf3ff!important;color:#1769d9!important;text-decoration:none!important}
@media(max-width:900px){.mc-activities-page .mc-activity-guidance-grid{grid-template-columns:1fr}.mc-activities-page .mc-activity-insight{border-right:0;border-bottom:1px solid #e6edf5}.mc-activities-page .mc-activity-insight:last-child{border-bottom:0}}
@media(max-width:700px){.mc-activities-page .mc-activity-guidance>header{align-items:flex-start;flex-direction:column;gap:6px}.mc-activities-page .mc-activity-guidance>header>p{text-align:left}}
/* =========================================================
   ADMIN DESIGN STUDIO — STEP 1 SAFETY SHELL
   Visual mode only. No CRM data or source mutation.
   ========================================================= */
.mc-design-studio-launch{
    display:flex;
    width:100%;
    min-height:36px;
    align-items:center;
    padding:0 12px;
    background:transparent;
    border:1px solid transparent;
    border-radius:8px;
    color:inherit;
    font:inherit;
    text-align:left;
    cursor:pointer;
}
.mc-design-studio-launch:hover{background:rgba(255,255,255,.07)}
.mc-design-studio-bar[hidden],.mc-design-studio-shield[hidden]{display:none!important}
.mc-design-studio-bar{
    position:fixed;
    z-index:100002;
    top:16px;
    right:18px;
    left:calc(var(--sidebar-width, 250px) + 18px);
    display:flex;
    min-height:64px;
    box-sizing:border-box;
    align-items:center;
    gap:18px;
    padding:10px 12px 10px 16px;
    background:#13243b;
    border:1px solid rgba(255,255,255,.16);
    border-radius:13px;
    color:#fff;
    box-shadow:0 18px 42px rgba(15,31,54,.28);
}
.mc-design-studio-theme{display:flex;min-width:210px;flex-direction:column;gap:2px}
.mc-design-studio-theme span{color:#8fb9f4;font-size:8px;font-weight:800;letter-spacing:.11em}
.mc-design-studio-theme strong{font-size:12px}
.mc-design-studio-theme small{color:#aab9cb;font-size:8.5px}
.mc-design-studio-state{min-width:0;flex:1;color:#d6e0ec;font-size:10px}
.mc-design-studio-selection{
    min-width:140px;
    padding:7px 10px;
    background:#203955;
    border:1px solid #38516f;
    border-radius:8px;
    color:#dce8f5;
    font-size:9px;
    font-weight:700;
    text-align:center;
}
.mc-design-studio-actions{display:flex;align-items:center;gap:7px}
.mc-design-studio-actions button{
    display:inline-flex;
    height:36px;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    background:#1d334f;
    border:1px solid #38516f;
    border-radius:8px;
    color:#fff;
    font-size:9px;
    font-weight:750;
}
.mc-design-studio-actions button:disabled{opacity:.38;cursor:not-allowed}
.mc-design-studio-actions .mc-design-cancel{background:#fff;border-color:#fff;color:#223a58}
.mc-design-studio-shield{
    position:fixed;
    z-index:100000;
    inset:0;
    background:rgba(232,240,249,.12);
    cursor:not-allowed;
    pointer-events:none;
}
.mc-design-studio-active main.main{
    outline:2px solid rgba(52,120,229,.48);
    outline-offset:-2px;
}
.mc-design-studio-active main.main,
.mc-design-studio-active .sidebar{user-select:none}
.mc-design-studio-active main.main{cursor:default}
.mc-design-studio-active main.main>:not([data-mc-design-node]){pointer-events:none}
.mc-design-studio-active [data-mc-design-node]{position:relative}
.mc-design-studio-active .mc-design-movable{
    cursor:grab!important;
    outline:1px dashed rgba(52,120,229,.48)!important;
    outline-offset:3px!important;
}
.mc-design-studio-active .mc-design-movable::after{
    content:"Drag to move";
    position:absolute;
    z-index:3;
    top:7px;
    right:7px;
    padding:4px 7px;
    background:#17375e;
    border-radius:6px;
    color:#fff;
    font-size:8px;
    font-weight:750;
    pointer-events:none;
}
.mc-design-studio-active .mc-design-selected{
    outline:2px solid #3478e5!important;
    outline-offset:4px!important;
}
.mc-design-studio-active .mc-design-dragging{cursor:grabbing!important;opacity:.56}
@media(max-width:800px){
    .mc-design-studio-bar{right:10px;left:10px;flex-wrap:wrap}
    .mc-design-studio-state{order:3;width:100%;flex-basis:100%}
}

/* =========================================================
   OPPORTUNITIES — DASHBOARD PAGE FRAME
   Visual layout only. Keeps all CRM behavior unchanged.
   ========================================================= */
body:not(.standalone-page) .main > .mc-opportunities-page{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:var(--ui-content-width,1540px)!important;
    margin:0 auto!important;
    padding:0 0 48px!important;
}
.mc-opportunities-page *,
.mc-opportunities-page *::before,
.mc-opportunities-page *::after{box-sizing:border-box}
.mc-opportunities-page .mc-opportunities-header{
    width:100%!important;
    max-width:none!important;
    margin:0 0 23px!important;
    padding:52px 2px 0!important;
}
.mc-opportunities-page .mc-opportunities-header::before{
    left:2px!important;
}
.mc-opportunities-page .mc-opportunity-add.add-button{
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
}
.mc-opportunities-page .mc-opportunity-prepared,
.mc-opportunities-page .mc-opportunity-form,
.mc-opportunities-page .mc-opportunities-empty{
    width:100%!important;
    max-width:none!important;
    margin-right:0!important;
    margin-left:0!important;
}
.mc-opportunities-page .mc-opportunities-table-frame{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    border:1px solid #dfe7f1;
    border-radius:15px;
    background:#fff;
    box-shadow:0 6px 20px rgba(25,48,82,.05);
    scrollbar-gutter:auto;
}
.mc-opportunities-page .mc-opportunities-table-frame .opportunities-table{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}
@media(max-width:700px){
    .mc-opportunities-page .mc-opportunities-header{
        padding:48px 0 0!important;
    }
    .mc-opportunities-page .mc-opportunities-header::before{left:0!important}
    .mc-opportunities-page .mc-opportunity-add.add-button{
        width:100%!important;
    }
    .mc-opportunities-page .mc-opportunity-form{
        margin-bottom:20px!important;
    }
}

/* =========================================================
   PIPELINE — COMPACT SCROLLING STAGES
   Keeps large pipelines usable without making the page long.
   ========================================================= */
.mc-pipeline-board{
    align-items:start!important;
}
.mc-pipeline-board .column{
    height:clamp(430px,calc(100dvh - 260px),620px)!important;
    min-height:0!important;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-color:#c5d1df transparent;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
}
.mc-pipeline-board .column::-webkit-scrollbar{width:7px}
.mc-pipeline-board .column::-webkit-scrollbar-track{background:transparent}
.mc-pipeline-board .column::-webkit-scrollbar-thumb{
    border:2px solid #f5f8fc;
    border-radius:999px;
    background:#c5d1df;
}
.mc-pipeline-board .column-header{
    position:sticky;
    z-index:3;
    top:0;
    min-height:34px;
    margin-bottom:8px;
    padding:2px 1px 6px;
    background:#f5f8fc;
}
.mc-pipeline-board .column-header::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:1px;
    background:#e5ebf3;
}
.mc-pipeline-board .count{
    min-width:24px;
    height:24px;
    border-radius:7px;
}
.mc-pipeline-board .mc-pipeline-stage-totals{
    gap:3px;
    margin:0 0 8px;
    padding:6px 8px;
    border-radius:8px;
}
.mc-pipeline-board .mc-pipeline-stage-totals span{font-size:8.5px}
.mc-pipeline-board .mc-pipeline-stage-totals small{font-size:7.2px}
.mc-pipeline-board .opportunity-card{
    margin-bottom:7px;
    padding:10px!important;
    border-radius:9px;
    box-shadow:0 3px 9px rgba(27,52,86,.045);
}
.mc-pipeline-board .opportunity-card:hover{
    transform:none;
    box-shadow:0 5px 12px rgba(27,52,86,.065);
}
.mc-pipeline-board .opportunity-card h3{
    margin:0 0 2px;
    font-size:11.5px;
    line-height:1.3;
}
.mc-pipeline-board .company{
    overflow:hidden;
    margin-bottom:7px;
    font-size:8.5px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mc-pipeline-board .value{
    margin-bottom:5px;
    font-size:9.5px;
}
.mc-pipeline-board .probability{
    margin-bottom:5px;
    padding:4px 7px;
    border-radius:6px;
    font-size:8px;
}
.mc-pipeline-board .close-date{
    font-size:8px;
    line-height:1.35;
}
.mc-pipeline-board .mc-pipeline-signal{
    min-height:23px;
    margin-top:6px;
    padding:4px 7px;
    border-radius:6px;
    font-size:7.8px;
}
.mc-pipeline-board .mc-pipeline-next-action{
    gap:2px;
    margin-top:6px;
    padding:6px 7px;
    border-radius:7px;
}
.mc-pipeline-board .mc-pipeline-next-action>span{font-size:7px}
.mc-pipeline-board .mc-pipeline-next-action>strong{font-size:8.5px}
.mc-pipeline-board .mc-pipeline-next-action>small{font-size:7.2px}
.mc-pipeline-board .opportunity-card .actions{
    gap:6px;
    margin-top:7px;
    padding-top:7px;
}

.mc-pipeline-board .empty{
    min-height:58px;
    padding:12px;
    border-radius:8px;
    font-size:8.5px;
}
@media(max-width:700px){
    .mc-pipeline-board .column{
        height:clamp(400px,calc(100dvh - 225px),560px)!important;
    }
}

/* =========================================================
   PIPELINE SALES WORKSPACE — shared page frame, scrollable board
   ========================================================= */


/* Pipeline content flows in the shared page frame. The board alone scrolls. */
.mc-pipeline-workspace {
    display:grid;
    font-family:var(--mc-81-font-family);
    height:auto;
    min-height:0;
    grid-template-rows:auto auto auto;
    overflow:visible;
}
.mc-pipeline-workspace *{box-sizing:border-box}
.mc-pipeline-workspace [hidden]{display:none!important}
.mc-pipeline-workspace .sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}
.mc-pipeline-workspace .mc-pipeline-header{
    display:flex;
    width:100%;
    max-width:none;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin:0;
    padding:0 2px;
}
.mc-pipeline-workspace .mc-pipeline-header::before{display:none}
.mc-pipeline-workspace .mc-pipeline-eyebrow{
    display:block;
    margin-bottom:3px;
    color:#55739d;
    font-size:9px;
    font-weight:820;
    letter-spacing:.12em;
}
.mc-pipeline-workspace .mc-pipeline-header h1{
    margin:0;
    font-size:27px!important;
    line-height:1.08;
}
.mc-pipeline-workspace .mc-pipeline-header h1::after{display:none}
.mc-pipeline-workspace .mc-pipeline-header p{
    margin:4px 0 0;
    color:#60728a;
    font-size:11px;
    line-height:1.35;
}
.mc-pipeline-toolbar{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    gap:8px;
}
.mc-pipeline-toolbar label{margin:0}
.main .mc-pipeline-toolbar :is(select,.mc-pipeline-add) {
    box-sizing:border-box!important;
    font-family:var(--mc-81-font-family)!important;
    font-weight:var(--mc-81-control-weight)!important;
    padding:0 var(--mc-81-control-padding-x)!important;
    border-radius:var(--mc-81-control-radius)!important;
}

.mc-pipeline-toolbar select{
    min-width:126px;
    
    background-color:#fff;
    color:#314963;
    cursor:pointer;
}

.mc-pipeline-workspace .mc-pipeline-kpis{
    display:grid;
    width:100%;
    max-width:none;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin:0;
    overflow:hidden;
    border:1px solid #dce5ef;
    border-radius:11px;
    background:#fff;
    box-shadow:0 3px 11px rgba(27,52,86,.04);
}
.mc-pipeline-workspace .mc-pipeline-kpis .kpi-card.mc-pipeline-kpi-card{
    min-height:68px!important;
    margin:0;
    padding:11px 14px!important;
    border:0!important;
    border-right:1px solid #e2e9f1!important;
    border-radius:0!important;
    box-shadow:none!important;
}
.mc-pipeline-workspace .mc-pipeline-kpis .kpi-card:last-child{border-right:0!important}
.mc-pipeline-workspace .mc-pipeline-kpi-top{margin-bottom:7px}
.mc-pipeline-workspace .mc-pipeline-kpi-top h3{font-size:9px!important}
.mc-pipeline-workspace .mc-pipeline-kpi-top small,
.mc-pipeline-workspace .mc-pipeline-currency-count{font-size:7px}
.mc-pipeline-workspace .mc-pipeline-kpi-values{min-height:18px;gap:6px}
.mc-pipeline-workspace .mc-pipeline-kpi-values>strong{font-size:14px;line-height:1.15}
.mc-pipeline-workspace .mc-pipeline-kpi-values>b{
    min-width:20px;
    height:20px;
    border-radius:6px;
    font-size:7px;
}
.mc-pipeline-workspace .mc-pipeline-board{
    height:clamp(400px,60dvh,720px);
    min-height:400px;
    gap:var(--mc-81-gap,13px)!important;
    display:grid;
    width:100%;
    
    
    max-width:none;
    grid-template-columns:repeat(4,minmax(0,1fr));
    
    margin:0;
    padding:0;
    overflow:hidden;
}
.mc-pipeline-workspace .mc-pipeline-board .column{
    display:grid;
    height:100%!important;
    min-height:0!important;
    grid-template-rows:auto minmax(0,1fr) auto;
    padding:0;
    overflow:hidden;
    border-radius:11px;
    background:#f3f7fc;
    scrollbar-gutter:auto;
}
.mc-pipeline-workspace .mc-pipeline-board .column::before{
    z-index:4;
    right:0;
    left:0;
}
.mc-pipeline-stage-head{
    position:relative;
    z-index:2;
    padding:11px 11px 7px;
    border-bottom:1px solid #e1e8f1;
    background:#f3f7fc;
}
.mc-pipeline-workspace .mc-pipeline-board .column-header{
    position:static;
    min-height:28px;
    margin:0 0 5px;
    padding:0;
    background:transparent;
}
.mc-pipeline-workspace .column-header::after{display:none}
.mc-pipeline-workspace .column-header h2{font-size:14px!important}
.mc-pipeline-workspace .count{
    min-width:25px;
    height:23px;
    font-size:8px;
}
.mc-pipeline-workspace .mc-pipeline-stage-totals{
    gap:2px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
}
.mc-pipeline-workspace .mc-pipeline-stage-totals>div{gap:6px}
.mc-pipeline-workspace .mc-pipeline-stage-totals span{font-size:7.8px}
.mc-pipeline-workspace .mc-pipeline-stage-totals small{font-size:6.8px}
.mc-pipeline-workspace .mc-pipeline-stage-totals .mc-pipeline-stage-more{
    justify-content:flex-end;
    color:#71849b;
    font-size:6.8px;
}
.mc-pipeline-card-list{
    min-height:0;
    padding:7px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-color:#c2cfde transparent;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
}
.mc-pipeline-card-list::-webkit-scrollbar{width:6px}
.mc-pipeline-card-list::-webkit-scrollbar-track{background:transparent}
.mc-pipeline-card-list::-webkit-scrollbar-thumb{
    border:1px solid #f3f7fc;
    border-radius:999px;
    background:#c2cfde;
}
.mc-pipeline-workspace .opportunity-card{
    margin:0 0 6px;
    padding:8px!important;
    border-radius:8px;
    box-shadow:0 2px 7px rgba(27,52,86,.035);
}
.mc-pipeline-card-top{
    display:flex;
    min-width:0;
    align-items:start;
    justify-content:space-between;
    gap:7px;
}
.mc-pipeline-workspace .opportunity-card h3{
    overflow:hidden;
    margin:0;
    font-size:10px!important;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mc-pipeline-probability{
    flex:0 0 auto;
    min-width:32px;
    padding:2px 5px;
    border-radius:999px;
    background:var(--stage-soft);
    color:var(--stage);
    font-size:7px;
    font-weight:820;
    text-align:center;
}
.mc-pipeline-workspace .company{
    margin:2px 0 5px;
    font-size:7.4px;
}
.mc-pipeline-card-meta{
    display:flex;
    min-width:0;
    align-items:center;
    gap:6px;
    color:#657991;
    font-size:7.3px;
    line-height:1.3;
}
.mc-pipeline-card-meta strong{
    overflow:hidden;
    color:#243c5b;
    font-size:7.8px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mc-pipeline-card-meta .close-date{
    flex:0 0 auto;
    margin-left:auto;
    font-size:7.1px;
    white-space:nowrap;
}
.mc-pipeline-workspace .mc-pipeline-signal{
    min-height:20px;
    margin-top:5px;
    padding:3px 6px;
    font-size:7px;
}
.mc-pipeline-workspace .mc-pipeline-next-action{
    display:flex;
    min-height:20px;
    align-items:center;
    gap:5px;
    margin-top:5px;
    padding:3px 6px;
}
.mc-pipeline-workspace .mc-pipeline-next-action>span{font-size:6.5px}
.mc-pipeline-workspace .mc-pipeline-next-action>strong{
    flex:1 1 auto;
    font-size:7.2px;
}
.mc-pipeline-workspace .mc-pipeline-next-action>small{
    flex:0 0 auto;
    font-size:6.5px;
    white-space:nowrap;
}
.mc-pipeline-workspace .opportunity-card .actions{
    gap:5px;
    margin-top:5px;
    padding-top:5px;
}
.mc-pipeline-workspace .mc-pipeline-move-button{
    
    
    
    
    background:#f8fbff;
    border-color:#ccd9e8;
    color:#24466f;
    
}

.mc-pipeline-workspace .empty,
.mc-pipeline-filter-empty{
    display:flex;
    min-height:58px;
    align-items:center;
    justify-content:center;
    padding:12px;
    border:1px dashed #d4deea;
    border-radius:8px;
    color:#8797aa;
    font-size:8px;
    text-align:center;
}
.mc-pipeline-stage-footer{
    min-height:25px;
    padding:6px 10px;
    border-top:1px solid #e1e8f1;
    color:#6f839c;
    font-size:7px;
    line-height:1.3;
}
@media(max-width:1100px){
    .mc-pipeline-workspace .mc-pipeline-board{
        grid-template-columns:repeat(4,minmax(235px,1fr));
        overflow-x:auto;
        padding-bottom:5px;
    }
    .mc-pipeline-toolbar select{min-width:112px}
}
@media(max-width:760px){
    
    
    .mc-pipeline-workspace .mc-pipeline-header{align-items:start;flex-direction:column}
    .mc-pipeline-toolbar{width:100%;flex-wrap:wrap}
    .mc-pipeline-toolbar label{flex:1 1 145px}
    .mc-pipeline-toolbar select{width:100%}
    .mc-pipeline-add{flex:1 1 100%}
    .mc-pipeline-workspace .mc-pipeline-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mc-pipeline-workspace .mc-pipeline-kpis .kpi-card:nth-child(2){border-right:0!important}
    .mc-pipeline-workspace .mc-pipeline-kpis .kpi-card:nth-child(-n+2){border-bottom:1px solid #e2e9f1!important}
    
    .mc-pipeline-workspace .mc-pipeline-board .column{height:100%!important}
}

/* Pipeline readability refinement — Dashboard-sized typography. */
.mc-pipeline-workspace .mc-pipeline-eyebrow{font-size:10px}
.mc-pipeline-workspace .mc-pipeline-header p{font-size:12px}

.mc-pipeline-workspace .mc-pipeline-kpi-top h3{font-size:10px!important}
.mc-pipeline-workspace .mc-pipeline-kpi-top small,
.mc-pipeline-workspace .mc-pipeline-currency-count{font-size:8px}
.mc-pipeline-workspace .mc-pipeline-kpi-values>strong{font-size:16px}
.mc-pipeline-workspace .mc-pipeline-kpi-values>b{font-size:8px}
.mc-pipeline-workspace .column-header h2{font-size:15px!important}
.mc-pipeline-workspace .count{font-size:9px}
.mc-pipeline-workspace .mc-pipeline-stage-totals span{font-size:9px}
.mc-pipeline-workspace .mc-pipeline-stage-totals small{font-size:8px}
.mc-pipeline-workspace .mc-pipeline-stage-totals .mc-pipeline-stage-more{font-size:8px}
.mc-pipeline-workspace .opportunity-card{
    padding:10px!important;
}
.mc-pipeline-workspace .opportunity-card h3{font-size:12px!important}
.mc-pipeline-probability{
    min-width:38px;
    padding:3px 6px;
    font-size:9px;
}
.mc-pipeline-workspace .company{
    margin:3px 0 6px;
    font-size:9px;
}
.mc-pipeline-card-meta{
    gap:7px;
    font-size:9px;
}
.mc-pipeline-card-meta strong{font-size:9.5px}
.mc-pipeline-card-meta .close-date{font-size:8.5px}
.mc-pipeline-workspace .mc-pipeline-signal{
    min-height:24px;
    margin-top:6px;
    padding:4px 7px;
    font-size:9px;
}
.mc-pipeline-workspace .mc-pipeline-next-action{
    min-height:24px;
    gap:6px;
    margin-top:6px;
    padding:4px 7px;
}
.mc-pipeline-workspace .mc-pipeline-next-action>span{font-size:8px}
.mc-pipeline-workspace .mc-pipeline-next-action>strong{font-size:9px}
.mc-pipeline-workspace .mc-pipeline-next-action>small{font-size:8px}
.mc-pipeline-workspace .opportunity-card .actions{
    margin-top:6px;
    padding-top:6px;
}


.mc-pipeline-workspace .empty,
.mc-pipeline-filter-empty{font-size:9px}
.mc-pipeline-stage-footer{
    min-height:27px;
    font-size:8px;
}

/* Pipeline stage content. */



.mc-pipeline-workspace .mc-pipeline-stage-head{
    padding:14px 13px 10px;
}
.mc-pipeline-workspace .mc-pipeline-board .column-header{
    min-height:32px;
    margin-bottom:7px;
}
.mc-pipeline-workspace .column-header h2{
    font-size:16px!important;
}
.mc-pipeline-workspace .count{
    min-width:29px;
    height:26px;
    padding:0 8px;
    font-size:10px;
}
.mc-pipeline-workspace .mc-pipeline-stage-totals{
    gap:4px;
}
.mc-pipeline-workspace .mc-pipeline-stage-totals>div{
    gap:9px;
}
.mc-pipeline-workspace .mc-pipeline-stage-totals span{
    font-size:10px;
}
.mc-pipeline-workspace .mc-pipeline-stage-totals small{
    font-size:9px;
}
.mc-pipeline-workspace .mc-pipeline-card-list{
    padding:9px;
}
.mc-pipeline-workspace .opportunity-card{
    margin-bottom:8px;
    padding:11px!important;
}
.mc-pipeline-workspace .mc-pipeline-stage-footer{
    min-height:29px;
    padding:7px 12px;
    font-size:9px;
}

/* Pipeline toolbar and KPI content. */

.mc-pipeline-workspace .mc-pipeline-header{
    padding-right:0;
    padding-left:0;
}
.mc-pipeline-toolbar{
    align-items:flex-start;
}
.mc-pipeline-toolbar label{
    display:block;
    height:42px;
}


.mc-pipeline-workspace .mc-pipeline-kpis .kpi-card.mc-pipeline-kpi-card{
    min-height:76px!important;
    padding:12px 14px 11px 58px!important;
}
.mc-pipeline-workspace .mc-pipeline-kpis .kpi-card.mc-pipeline-kpi-card::before{
    top:12px!important;
    left:14px!important;
    width:32px!important;
    height:32px!important;
    border-radius:9px!important;
    background-size:16px!important;
}
.mc-pipeline-workspace .mc-pipeline-kpi-top{
    min-width:0;
    gap:6px;
    overflow:visible;
}
.mc-pipeline-workspace .mc-pipeline-kpi-top h3{
    flex:0 1 auto;
    max-width:none;
    overflow:visible;
    text-overflow:clip;
}
.mc-pipeline-workspace .mc-pipeline-currency-count{
    margin-left:5px;
}
.mc-pipeline-workspace .mc-pipeline-kpi-values{
    margin-top:6px;
}
@media(max-width:1250px){
    
    .mc-pipeline-workspace .mc-pipeline-kpis .kpi-card.mc-pipeline-kpi-card{
        padding-right:10px!important;
        padding-left:52px!important;
    }
    .mc-pipeline-workspace .mc-pipeline-kpis .kpi-card.mc-pipeline-kpi-card::before{
        left:11px!important;
    }
}
@media(max-width:760px){
    
}

/* =========================================================
   MOCLARUS UNIFIED UI SCALE
   Dashboard is the reference. Values live in page_frame.css.
   ========================================================= */

/* Shared page-title hierarchy across every primary menu. */
.mc-dashboard-v2 .mc-dash-welcome h1,
.mc-myday .myday-header h1,
.mc-calendar-enterprise .cal-hero h1,
.mc-search-page.is-ready .mc-search-header h1,
.mc-pipeline-workspace .mc-pipeline-header h1,
.mc-companies-page .page-header h1,
.mc-contacts-page .page-header h1,
.mc-activities-page .page-header h1,
.mc-opportunities-page .page-header h1,
.network-page .page-header h1,
.manager-page .page-header h1,
.di-page .page-header h1,
.audit-page .page-header h1,
.main .page-header h1{
    font-size:var(--mc-81-title)!important;
    font-weight:760!important;
    line-height:1.12!important;
    letter-spacing:-.03em!important;
}
.mc-dashboard-v2 .mc-dash-welcome p,
.mc-myday .myday-header p,
.mc-calendar-enterprise .cal-hero p,
.mc-search-page.is-ready .mc-search-header p,
.mc-pipeline-workspace .mc-pipeline-header p,
.mc-companies-page .page-header p,
.mc-contacts-page .page-header p,
.mc-activities-page .page-header p,
.mc-opportunities-page .page-header p,
.network-page .page-header p,
.manager-page .page-header p,
.di-page .page-header p,
.audit-page .page-header p{
    font-size:var(--mc-81-subtitle)!important;
    line-height:1.45!important;
}
.main .page-header .section-description,
.main .page-header>div>p{
    font-size:var(--mc-81-subtitle)!important;
    line-height:1.45!important;
}
.mc-dashboard-v2 .mc-dash-kicker,
.mc-myday .myday-kicker,
.mc-calendar-enterprise .cal-kicker,
.mc-search-page.is-ready .mc-search-kicker,
.mc-pipeline-workspace .mc-pipeline-eyebrow{
    font-size:var(--mc-81-kicker)!important;
    letter-spacing:.075em!important;
}

/* Dashboard-sized primary header controls. */
.mc-myday .myday-calendar-link,
.mc-myday .myday-primary-button,
.mc-calendar-enterprise .cal-new,
.mc-calendar-enterprise .cal-bell,
.mc-pipeline-toolbar select,
.mc-pipeline-toolbar .mc-pipeline-add{
    height:var(--mc-81-control-height)!important;
    min-height:var(--mc-81-control-height)!important;
    border-radius:9px!important;
    font-size:var(--mc-81-control-font)!important;
    line-height:normal!important;
}
.mc-pipeline-toolbar label{height:var(--mc-81-control-height)!important}
.tasks-container>.page-header .add-button,
.settings-container>.page-header .add-button,
.mc-companies-page .page-header .add-button,
.mc-contacts-page .page-header .add-button,
.mc-activities-page .page-header .add-button,
.mc-opportunities-page .page-header .add-button{
    height:var(--mc-81-control-height)!important;
    min-height:var(--mc-81-control-height)!important;
    border-radius:9px!important;
    font-size:var(--mc-81-control-font)!important;
}

/* Search keeps its focused purpose, but now uses Dashboard scale. */
.mc-search-page.is-ready{
    min-height:calc(100vh - 78px);
    padding-top:clamp(34px,7vh,72px);
}
.mc-search-page.is-ready .mc-search-header{
    max-width:820px;
    margin-bottom:22px;
}
.mc-search-page.is-ready .mc-search-header p{margin-top:8px}
.mc-search-page.is-ready .mc-search-command{
    width:min(960px,100%);
    padding:18px;
    border-radius:15px;
}
.mc-search-page.is-ready .mc-search-form{
    min-height:54px;
    grid-template-columns:22px minmax(0,1fr) auto auto;
    gap:11px;
    padding:5px 6px 5px 16px;
    border-radius:12px;
}
.mc-search-page.is-ready .mc-search-input-icon svg{
    width:19px;
    height:19px;
}
.mc-search-page.is-ready .mc-search-form input{
    height:40px;
    font-size:12.5px;
}
.mc-search-page.is-ready .mc-search-submit{
    height:40px;
    min-width:91px;
    padding:0 18px;
    border-radius:9px;
    font-size:11px;
}
.mc-search-page.is-ready .mc-search-scope{
    gap:19px;
    margin-top:13px;
    font-size:10.5px;
}

/* Shared panel reading scale for standard menu pages. */
.mc-companies-page h2,
.mc-contacts-page h2,
.mc-activities-page h2,
.mc-opportunities-page h2,
.network-page h2,
.manager-page h2,
.di-page h2,
.audit-page h2{
    font-size:var(--mc-81-panel-title)!important;
}
.mc-companies-page,
.mc-contacts-page,
.mc-activities-page,
.mc-opportunities-page,
.network-page,
.manager-page,
.di-page,
.audit-page{
    font-size:var(--mc-81-copy);
}
.tasks-container,
.settings-container{
    font-size:var(--mc-81-copy);
}
.tasks-container .section-title,
.settings-container .section-title{
    font-size:var(--mc-81-panel-title)!important;
}

@media(max-width:760px){
    :root{--mc-81-page-margin:15px}
    .mc-search-page.is-ready{padding-top:30px}
    .mc-search-page.is-ready .mc-search-header{margin-bottom:18px}
    .mc-search-page.is-ready .mc-search-command{padding:13px}
}



.main>.mc-pipeline-workspace{
    
    
    
    
    transform:none!important;
    transform-origin:initial!important;
}
@media(max-width:900px){
    
}
@media(max-width:640px){
    
}

/* Pipeline card Edit action — clear text button beside Move. */


/* =========================================================
   MANAGER WORKSPACE — clean, decision-first implementation
   One authoritative Manager section. Dashboard frame.
   ========================================================= */
.sidebar-navigation a[href="/ui/manager"]::before{
    background-color:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M16 11l2 2 4-5M19 15v6'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M16 11l2 2 4-5M19 15v6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.main:has(> .manager-page){padding-right:36px!important;padding-left:36px!important;overflow-x:hidden!important}
.main>.manager-page{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:var(--ui-content-width,1540px)!important;
    margin-right:auto!important;
    margin-left:auto!important;
    transform:none!important;
    color:#263d59;
}
.manager-page,.manager-page *{box-sizing:border-box}
.manager-page button,.manager-page select,.manager-page input{font:inherit}
.manager-header{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:28px;margin:0 0 16px;padding-top:4px}
.manager-eyebrow{margin:0 0 5px!important;color:#1769e8!important;font-size:9px!important;font-weight:850!important;letter-spacing:.1em!important}
.manager-header h1{margin:0!important;color:#10233f;font-size:var(--mc-81-title)!important;font-weight:760!important;line-height:1.12!important;letter-spacing:-.03em!important}
.manager-header>div>p:last-child{margin:6px 0 0;color:#657792;font-size:var(--mc-81-subtitle)!important;line-height:1.45}
.manager-filters{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end;gap:8px;padding:10px;border:1px solid #d7e2ee;border-radius:12px;background:#fff;box-shadow:0 6px 20px rgba(25,48,82,.045)}
.manager-filters label{display:grid;gap:4px}.manager-filters label>span{color:#7689a0;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.manager-filters select,.manager-filters input,.manager-filters>button{height:36px!important;min-height:36px!important;padding:0 32px 0 11px;border:1px solid #cad8e8;border-radius:8px!important;background:#fff;color:#29445f;font-size:10px!important;font-weight:700;outline:0}
.manager-filters input{padding-right:10px}.manager-filters select:focus,.manager-filters input:focus{border-color:#5991e7;box-shadow:0 0 0 3px rgba(45,115,224,.1)}
.manager-filters>button{align-self:flex-end;margin:0;padding:0 15px;background:#1769e8;border-color:#1769e8;color:#fff;cursor:pointer}
.manager-filters>.manager-widget-button{border-color:#cad8e8!important;background:#fff!important;color:#24558e!important}
.manager-custom-dates{display:flex;gap:8px}.manager-custom-dates[hidden]{display:none!important}.manager-custom-dates input{width:132px}
.manager-notice{margin-bottom:12px;padding:10px 13px;border:1px solid #bfe8d8;border-radius:9px;background:#edfaf5;color:#147655;font-size:10px;font-weight:700}
.manager-tabs{display:flex;align-items:center;gap:2px;width:max-content;max-width:100%;padding:4px;overflow-x:auto;border:1px solid #dbe4ee;border-radius:10px;background:#eaf0f6}
.manager-tabs button{min-height:34px;padding:0 14px!important;border:0;border-radius:7px!important;background:transparent;color:#667d97;cursor:pointer;font-size:10px!important;font-weight:750;white-space:nowrap}
.manager-tabs button.active{background:#fff!important;color:#1769e8!important;box-shadow:0 2px 7px rgba(25,48,82,.08)!important}
.manager-tools{margin:8px 0 15px;border-bottom:1px solid #dfe7f0}.manager-tools>summary{display:flex;min-height:32px;align-items:center;width:max-content;color:#58718c;cursor:pointer;font-size:9px;font-weight:750;list-style:none}.manager-tools>summary::-webkit-details-marker{display:none}.manager-tools>summary::before{margin-right:6px;content:"…";color:#1769e8;font-size:12px}.manager-tools[open]>summary::before{content:"−"}
.manager-insight-strip{display:flex;align-items:center;gap:6px;padding:0 0 10px;overflow-x:auto;color:#778ba2;font-size:9px}.manager-insight-strip>*{flex:0 0 auto}.manager-insight-strip button,.manager-insight-strip a{padding:5px 9px!important;border:1px solid #dce7f2!important;border-radius:99px!important;background:#fff!important;color:#4b6b8d!important;cursor:pointer;text-decoration:none;font-size:9px!important}
.manager-panel[hidden]{display:none!important}.manager-panel.active{display:block}
.manager-widget-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.manager-widget{position:relative;grid-column:1/-1;min-width:0}.manager-widget[hidden]{display:none!important}
.manager-widget-drag{display:none!important;position:absolute!important;z-index:6;top:8px;right:9px;width:32px!important;height:28px!important;padding:0!important;border:1px solid #cad9e9!important;border-radius:7px!important;background:#fff!important;color:#62809f!important;cursor:grab!important}.manager-widget-board.is-rearranging .manager-widget-drag{display:block!important}.manager-widget-board.is-rearranging>.manager-widget{outline:2px dashed #a9c7eb;outline-offset:3px}.manager-widget.is-dragging{opacity:.58}
.manager-card,.manager-v4-priority,.manager-v4-performance,.manager-v4-more{min-width:0;border:1px solid #d8e3ef;border-radius:12px;background:#fff;box-shadow:0 6px 20px rgba(25,48,82,.04)}
.manager-v4-priority{display:grid;grid-template-columns:44px minmax(0,1fr) auto;min-height:102px;align-items:center;gap:16px;padding:17px 19px;border-left:3px solid #1769e8;background:linear-gradient(105deg,#f6faff 0,#fff 70%)}
.manager-v4-priority-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e7f1ff;color:#1769e8;font-size:15px;font-weight:850}.manager-v4-priority>div:nth-of-type(2){min-width:0}
.manager-v4-priority span,.manager-v4-performance>header span,.manager-v4-action-grid article>header span{color:#1769e8;font-size:8px;font-weight:850;letter-spacing:.11em}.manager-v4-priority h2{margin:4px 0!important;color:#102b4a;font-size:14.5px!important;line-height:1.3}.manager-v4-priority p{margin:0;color:#697e96;font-size:9.5px;line-height:1.45}
.manager-v4-priority>button:last-child,.manager-v4-action-grid article>header>button{min-height:34px;padding:0 12px!important;border:1px solid #c9d9eb!important;border-radius:8px!important;background:#fff!important;color:#1769e8!important;cursor:pointer;font-size:9px!important;font-weight:750!important}
.manager-v4-performance{overflow:hidden}.manager-v4-performance>header{display:flex;min-height:55px;align-items:center;justify-content:space-between;padding:11px 15px;border-bottom:1px solid #e5ebf2}.manager-v4-performance>header h2{margin:2px 0 0!important;font-size:13px!important}.manager-v4-performance>header small{color:#6f8197;font-size:9px}
.manager-v4-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.manager-v4-metrics>a,.manager-v4-metrics>button{display:grid;min-width:0;min-height:88px;align-content:center;gap:5px;padding:13px 15px!important;border:0!important;border-right:1px solid #e5ebf2!important;border-radius:0!important;background:#fff!important;color:#29425f!important;cursor:pointer;text-align:left;text-decoration:none}.manager-v4-metrics>*:last-child{border-right:0!important}.manager-v4-metrics span{color:#667b94;font-size:9px;font-weight:700}.manager-v4-metrics strong{overflow:hidden;color:#15395f;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.manager-v4-metrics small{color:#168361;font-size:8.5px}.manager-v4-metrics>a:hover,.manager-v4-metrics>button:hover{background:#f8fbff!important}
.manager-v4-action-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.85fr);gap:16px}.manager-v4-action-grid>.manager-card{overflow:hidden}.manager-v4-action-grid article>header{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #e6edf5}.manager-v4-action-grid article>header h2{margin:2px 0!important;color:#183654;font-size:13px!important}.manager-v4-action-grid article>header p{margin:0;color:#74889f;font-size:9px}
.manager-priority-deals>a{display:grid;grid-template-columns:9px minmax(0,1fr) auto 58px;min-height:58px;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid #edf1f6;color:#29405d;text-decoration:none}.manager-priority-deals>a:hover{background:#f8fbff}.manager-priority-deals>a>i{width:8px;height:8px;border-radius:50%;background:#ef8a1d}.manager-priority-deals>a>i.danger{background:#e84646}.manager-priority-deals>a>span{display:grid;min-width:0;gap:3px}.manager-priority-deals>a strong,.manager-priority-deals>a small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-priority-deals>a strong{font-size:10.5px}.manager-priority-deals>a small{color:#72849a;font-size:9px}.manager-priority-deals>a>b{font-size:9.5px;white-space:nowrap}.manager-priority-deals>a>em{display:flex;height:30px;align-items:center;justify-content:center;border:1px solid #bdd4ef;border-radius:7px;color:#1769e8;font-size:9px;font-style:normal;font-weight:750}
.manager-v4-deals>footer,.manager-v4-team>footer{display:flex;min-height:39px;align-items:center;gap:8px;padding:6px 13px;border-top:1px solid #e7edf4;background:#fbfcfe}.manager-v4-deals>footer>button{display:flex;align-items:center;gap:6px;min-height:27px;padding:0 9px!important;border:1px solid #dce6f0!important;border-radius:7px!important;background:#fff!important;color:#526b87!important;cursor:pointer;font-size:8.5px!important}.manager-v4-deals>footer strong{color:#1769e8;font-size:10px}
.manager-v4-team>div>button{display:grid;grid-template-columns:31px minmax(0,1fr) auto;width:100%;min-height:56px;align-items:center;gap:9px;padding:7px 14px!important;border:0!important;border-bottom:1px solid #edf1f6!important;border-radius:0!important;background:#fff!important;color:#304862!important;cursor:pointer;text-align:left}.manager-v4-team>div>button:hover{background:#f8fbff!important}.manager-v4-team>div>button>span{display:grid;gap:2px}.manager-v4-team>div>button>span strong{font-size:10px}.manager-v4-team>div>button>span small{color:#75889f;font-size:8.5px}.manager-v4-team>div>button>em{color:#1769e8;font-size:9px;font-style:normal;font-weight:750}.manager-v4-team>footer{justify-content:space-between;color:#647a93;font-size:8.5px}
.manager-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7f1ff;color:#2869c8;font-size:8px}.manager-empty{margin:0;padding:30px;color:#75899e;text-align:center;font-size:10px}
.manager-v4-more{overflow:hidden}.manager-v4-more>summary{display:flex;min-height:52px;align-items:center;justify-content:space-between;padding:10px 15px;color:#304965;cursor:pointer;list-style:none}.manager-v4-more>summary::-webkit-details-marker{display:none}.manager-v4-more>summary>span{display:grid;gap:2px}.manager-v4-more>summary b{font-size:10.5px}.manager-v4-more>summary small{color:#75889e;font-size:8.5px}.manager-v4-more>summary::after{color:#1769e8;content:"…";font-size:14px}.manager-v4-more[open]>summary{border-bottom:1px solid #e5ebf2}.manager-v4-more[open]>summary::after{content:"−"}.manager-v4-more>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:8px}.manager-v4-more>div>button:not(.logout-link):not(.manager-widget-drag),
.manager-v4-more>div>a{display:grid!important;grid-template-rows:auto auto;min-height:66px;align-content:center;justify-items:start;gap:5px;padding:12px 14px!important;border:1px solid #dfe7f0!important;border-radius:9px!important;background:#f9fbfd!important;color:#314963!important;cursor:pointer;text-align:left!important;text-decoration:none}.manager-v4-more>div strong{display:block;color:#203d5c;font-size:10px;line-height:1.25}.manager-v4-more>div small{display:block;color:#75889e;font-size:8.5px;line-height:1.35}.manager-v4-more>div>button:hover,.manager-v4-more>div>a:hover{border-color:#bfd3e9!important;background:#f3f8ff!important}
.manager-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0}.manager-section-heading h2{margin:0 0 3px!important;font-size:14px!important}.manager-section-heading p{margin:0;color:#71869e;font-size:10px}.manager-table-card{overflow:auto}.manager-table-card table{width:100%;border-collapse:collapse}.manager-table-card th,.manager-table-card td{padding:13px 16px;border-bottom:1px solid #e8eef5;text-align:left;font-size:10px}.manager-table-card th{background:#f5f8fc;color:#6b8098;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.manager-table-card td:first-child{display:flex;align-items:center;gap:9px}.manager-table-card tr:last-child td{border-bottom:0}.manager-table-owner{display:flex;align-items:center;gap:9px;padding:0!important;border:0!important;background:transparent!important;color:#29445f!important;cursor:pointer;text-align:left}.manager-table-owner:hover strong{color:#1769e8}
.manager-feature-grid,.manager-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.manager-feature-grid>.manager-card,.manager-report-grid>.manager-card{padding:18px}.manager-feature-grid h3,.manager-report-grid h3{margin:0 0 12px;font-size:13px}.manager-feature-grid p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:10px 0;border-bottom:1px solid #edf1f6;font-size:10px}.manager-feature-grid p:last-of-type{border-bottom:0}.manager-feature-grid a,.manager-report-grid a{color:#1769e8;font-size:9px;font-weight:750;text-decoration:none}.manager-report-grid p{min-height:45px;color:#6f849c;font-size:10px;line-height:1.5}.manager-report-grid>article>div{display:flex;gap:8px}.manager-report-grid a{display:grid;place-items:center;min-width:54px;height:34px;border:1px solid #d7e3ef;border-radius:7px;background:#f8fbff}
.manager-primary{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid #1769e8!important;border-radius:8px;background:#1769e8!important;color:#fff!important;cursor:pointer;font-size:9px!important;font-weight:750;text-decoration:none}.manager-page mark{padding:4px 7px;border-radius:99px;background:#fff1df;color:#bd6a15;font-size:8px;font-weight:750}.manager-page mark.good{background:#e8f8f2;color:#168461}.manager-page :where(button,a,select,input,summary):focus-visible{outline:3px solid rgba(23,105,232,.2)!important;outline-offset:2px}
.manager-dialog{width:min(520px,calc(100vw - 30px));padding:0;border:0;border-radius:14px;color:#28425d;box-shadow:0 25px 75px rgba(18,39,67,.28)}.manager-dialog::backdrop{background:rgba(15,31,53,.42)}.manager-dialog form,.manager-detail-dialog>div{padding:20px}.manager-dialog header{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.manager-dialog h2{margin:0 0 4px!important;font-size:18px!important}.manager-dialog header p{margin:0;color:#75899f;font-size:10px}.manager-dialog header>button{width:32px;height:32px;border:0;border-radius:8px;background:#f1f5f9;color:#5f748c;cursor:pointer;font-size:20px}.manager-dialog form>label{display:grid;gap:6px;margin-top:12px;font-size:10px;font-weight:750}.manager-dialog input{height:40px;padding:0 11px;border:1px solid #cfdae7;border-radius:8px}.manager-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.manager-dialog footer>button:not(.logout-link):not(.manager-primary){min-height:38px;padding:0 13px;border:1px solid #d2dce8;border-radius:8px;background:#fff;color:#526a83;cursor:pointer}.manager-detail-dialog section{display:grid;max-height:55vh;overflow:auto}.manager-detail-dialog section[hidden]{display:none!important}.manager-detail-dialog section>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #e8eef5;color:#29445f;text-decoration:none}.manager-detail-dialog section>a span{display:grid}.manager-detail-dialog section>a small{margin-top:4px;color:#74899f;font-size:9px}.manager-detail-dialog section>a b{white-space:nowrap;font-size:10px}
.main>.manager-widget-backdrop{position:fixed!important;z-index:1090!important;inset:0!important;width:100vw!important;max-width:none!important;height:100vh!important;margin:0!important;background:rgba(15,27,49,.3)!important;backdrop-filter:blur(1px)}
.main>.manager-widget-panel{box-sizing:border-box!important;position:fixed!important;z-index:1100!important;top:0!important;right:0!important;left:auto!important;width:min(280px,88vw)!important;max-width:88vw!important;height:100vh!important;margin:0!important;padding:18px!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important;color:#34445f!important;box-shadow:-18px 0 45px rgba(19,36,63,.16)!important;transform:translate3d(105%,0,0)!important;transition:transform .32s cubic-bezier(.22,1,.36,1)!important;will-change:transform}.main>.manager-widget-panel.is-open{transform:translate3d(0,0,0)!important}.manager-widget-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0;padding-bottom:17px;border-bottom:1px solid #e6ebf2}.manager-widget-panel header span{color:#2371df;font-size:9px;font-weight:850;letter-spacing:.12em}.manager-widget-panel h2{margin:4px 0 3px!important;font-size:16px!important}.manager-widget-panel header p,.manager-widget-panel>p{margin:0;color:#71869d;font-size:10.5px!important}.manager-widget-panel header button{width:32px!important;height:32px!important;border:0;border-radius:8px;background:#f3f6fa;color:#526178;cursor:pointer;font-size:19px!important}.manager-widget-panel [data-workspace-widget-options]{display:grid;gap:5px!important;padding:13px 0!important}.manager-widget-panel [data-workspace-widget-options] label,.manager-widget-panel .manager-rearrange{display:flex;min-height:37px!important;align-items:center;gap:10px;padding:0 10px!important;border:1px solid #dce6f0;border-radius:8px!important;background:#f8fbfe;font-size:11px!important;font-weight:700}.manager-widget-panel input{width:15px;height:15px;accent-color:#1769e8}.manager-rearrange{margin-top:10px}.manager-widget-panel footer{display:flex;justify-content:space-between!important;gap:9px;margin-top:18px!important;padding-top:15px!important;border-top:1px solid #e6ebf2}.manager-widget-panel footer>button{min-height:36px!important;padding:0 14px;border:1px solid #d3dfeb;border-radius:8px;background:#fff;font-size:11px!important}.manager-widget-panel>small{display:block;margin-top:10px;color:#168361;text-align:right}
@media(max-width:900px){.main:has(> .manager-page){padding-right:18px!important;padding-left:18px!important}.manager-header{align-items:stretch;flex-direction:column}.manager-filters{justify-content:flex-start}.manager-v4-metrics{grid-template-columns:1fr 1fr}.manager-v4-metrics>*:nth-child(2){border-right:0!important}.manager-v4-metrics>*:nth-child(-n+2){border-bottom:1px solid #e5ebf2!important}.manager-v4-action-grid{grid-template-columns:1fr}.manager-v4-more>div,.manager-feature-grid,.manager-report-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.main:has(> .manager-page){padding-right:12px!important;padding-left:12px!important}.manager-v4-priority{grid-template-columns:38px minmax(0,1fr)}.manager-v4-priority>button:last-child{grid-column:1/-1}.manager-v4-metrics,.manager-v4-more>div,.manager-feature-grid,.manager-report-grid{grid-template-columns:1fr}.manager-v4-metrics>*{border-right:0!important;border-bottom:1px solid #e5ebf2!important}.manager-v4-metrics>*:last-child{border-bottom:0!important}.manager-priority-deals>a{grid-template-columns:9px minmax(0,1fr) 52px}.manager-priority-deals>a>b{display:none}}
@media(prefers-reduced-motion:reduce){.main>.manager-widget-panel{transition:none!important}}

/* Sidebar image fallbacks — shown only when no uploaded image exists. */
.sidebar-image-fallback{width:100%;height:100%;place-items:center;color:#dceaff}
.sidebar-image-fallback:not([hidden]){display:grid}
.sidebar-image-fallback svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.sidebar-avatar .sidebar-image-fallback{border-radius:50%;background:linear-gradient(145deg,#3d8cff,#2365dc);color:#fff}
.sidebar-avatar .sidebar-image-fallback svg{width:28px;height:28px}

/* =========================================================
   USER ADMINISTRATION — PROFESSIONAL ACCESS WORKSPACE
   ========================================================= */
.mc-admin-users{box-sizing:border-box;width:100%;max-width:1540px;margin:0 auto;padding:31px 34px 58px;color:#172842}.mc-admin-users *{box-sizing:border-box}.mc-admin-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.mc-admin-header>div:first-child>span{display:block;margin-bottom:8px;color:#6652bb;font-size:10px;font-weight:850;letter-spacing:.12em}.mc-admin-header h1{margin:0;font-size:30px;line-height:1.1;letter-spacing:-.035em}.mc-admin-header p{margin:8px 0 0;color:#64758d;font-size:12px}.mc-admin-summary{display:grid;min-width:112px;padding:11px 15px;border:1px solid #dce5f0;border-radius:11px;background:#fff;box-shadow:0 5px 16px rgba(25,48,82,.04)}.mc-admin-summary strong{color:#604bb5;font-size:20px;line-height:1}.mc-admin-summary span{margin-top:4px;color:#7b8a9e;font-size:9px;font-weight:750}.mc-admin-message{margin-bottom:15px;padding:11px 14px;border:1px solid #f0d1ce;border-radius:10px;background:#fff1ef;color:#b54842;font-size:10px;font-weight:750}
.mc-admin-card{margin-bottom:16px;border:1px solid #dce5ef;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(25,48,82,.045)}.mc-admin-card>header{display:flex;min-height:62px;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #e7edf4}.mc-admin-card>header h2{margin:0;color:#203752;font-size:14px}.mc-admin-card>header p{margin:3px 0 0;color:#7a8ba0;font-size:9.5px}.mc-admin-section-icon{display:block;flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:#f0ebff center/18px no-repeat}.mc-admin-section-icon.add{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23715bd0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cpath d='M19 8v6M16 11h6'/%3E%3C/svg%3E")}.mc-admin-section-icon.users{background-color:#e9f2ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233478e5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.mc-admin-create form{padding:15px 16px 17px}.mc-admin-create-grid{display:grid;grid-template-columns:1fr 1.15fr 1.15fr 1.15fr .72fr 104px;align-items:end;gap:11px}.mc-admin-create-grid label{display:grid;gap:5px;min-width:0}.mc-admin-create-grid label>span,.mc-admin-manage-panel h3{color:#65778e;font-size:8.5px;font-weight:800;letter-spacing:.035em}.mc-admin-create :is(input,select),.mc-admin-manage-panel :is(input,select){width:100%;height:37px;padding:0 10px;border:1px solid #d3deeb;border-radius:8px;background:#fbfcfe;color:#263e59;font:500 10px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0}.mc-admin-create :is(input,select):focus,.mc-admin-manage-panel :is(input,select):focus{border-color:#735fd0;box-shadow:0 0 0 3px rgba(113,91,208,.1)}.mc-admin-primary,.mc-admin-manage-panel button{display:inline-flex;height:37px;align-items:center;justify-content:center;padding:0 12px;border:1px solid #ccd9e7;border-radius:8px;background:#fff;color:#48617d;font-size:9px;font-weight:750;cursor:pointer}.mc-admin-primary{border-color:#2471e8;background:#2471e8;color:#fff;box-shadow:0 5px 13px rgba(36,113,232,.18)}.mc-admin-primary:hover{background:#185fcb}.mc-admin-manage-panel button:hover{background:#f2f7fd;border-color:#aebfd2}.mc-admin-manage-panel button.danger{border-color:#ebcfcc;color:#b34a44}.mc-admin-manage-panel button.danger:hover{background:#fff1ef}
.mc-admin-directory{position:relative;overflow:visible}.mc-admin-table-wrap{overflow:visible}.mc-admin-table{width:100%;border-collapse:collapse;table-layout:fixed}.mc-admin-table th{padding:10px 15px;background:#f8fafd;border-bottom:1px solid #e3eaf2;color:#74869c;text-align:left;font-size:8px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.mc-admin-table th:nth-child(1){width:23%}.mc-admin-table th:nth-child(2){width:24%}.mc-admin-table th:nth-child(3){width:11%}.mc-admin-table th:nth-child(4){width:11%}.mc-admin-table th:nth-child(5){width:14%}.mc-admin-table th:nth-child(6){width:17%}.mc-admin-table td{height:66px;padding:10px 15px;border-bottom:1px solid #edf1f5;color:#465c76;font-size:10px;vertical-align:middle}.mc-admin-table tbody tr:last-child td{border-bottom:0}.mc-admin-table tbody tr:hover{background:#fbfcff}.mc-admin-table td>a{overflow-wrap:anywhere;color:#386aab;text-decoration:none}.mc-admin-table td>a:hover{text-decoration:underline}.mc-admin-user-identity{display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:10px}.mc-admin-user-identity>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:#eaf2ff;color:#3478e5;font-size:11px;font-weight:850}.mc-admin-user-identity strong,.mc-admin-user-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-admin-user-identity strong{color:#203752;font-size:10.5px}.mc-admin-user-identity small{margin-top:3px;color:#8593a5;font-size:8.5px}.mc-admin-role,.mc-admin-status{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:99px;font-size:8px;font-weight:800;white-space:nowrap}.mc-admin-role{background:#edf4ff;color:#2c6cc5}.mc-admin-role.role-manager{background:#f1edff;color:#6650bd}.mc-admin-role.role-admin{background:#fff3e2;color:#b96c18}.mc-admin-status.active,.mc-admin-status.secure{background:#e8f7f0;color:#178159}.mc-admin-status.inactive,.mc-admin-status.attention{background:#fff0ee;color:#b94d46}.mc-admin-status.neutral{background:#f0f3f6;color:#738195}.mc-admin-actions-cell{position:relative;text-align:right}.mc-admin-manage{display:inline-block;text-align:left}.mc-admin-manage>summary{display:inline-flex;min-width:108px;height:32px;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #cfdbe8;border-radius:8px;background:#fff;color:#3f5c7b;font-size:9px;font-weight:750;cursor:pointer;list-style:none}.mc-admin-manage>summary::-webkit-details-marker{display:none}.mc-admin-manage>summary::after{content:"…";color:#3478e5;font-size:13px}.mc-admin-manage[open]>summary{border-color:#91b3dd;background:#f4f8fe;color:#285f9f}.mc-admin-manage[open]>summary::after{content:"−"}.mc-admin-manage-panel{position:absolute;z-index:30;right:15px;bottom:49px;width:min(500px,calc(100vw - 80px));max-height:calc(100vh - 70px);padding:14px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #cfdbe8;border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(19,39,68,.2)}.mc-admin-manage-title{display:flex;align-items:center;justify-content:space-between;padding:0 2px 11px;border-bottom:1px solid #e8edf3}.mc-admin-manage-title strong{color:#203752;font-size:11px}.mc-admin-manage-title span{color:#8190a3;font-size:8.5px}.mc-admin-manage-panel>section{padding:11px 2px 0}.mc-admin-manage-panel h3{margin:0 0 7px}.mc-admin-inline-control{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px}.mc-admin-button-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.mc-admin-button-row form{margin:0}.mc-admin-account-controls{border-top:1px solid #edf1f5}.mc-admin-current-user{margin:0;padding:9px 10px;border-radius:8px;background:#f3f5f8;color:#718097;font-size:9px}.mc-admin-empty{height:110px!important;color:#7d8da1!important;text-align:center}
@media(max-width:1100px){.mc-admin-create-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mc-admin-primary{width:100%}.mc-admin-table th:nth-child(2),.mc-admin-table td:nth-child(2){display:none}.mc-admin-table th:nth-child(1){width:31%}.mc-admin-table th:nth-child(3){width:14%}.mc-admin-table th:nth-child(4){width:14%}.mc-admin-table th:nth-child(5){width:18%}.mc-admin-table th:nth-child(6){width:23%}}
@media(max-width:700px){.mc-admin-users{padding:25px 15px 42px}.mc-admin-header{align-items:flex-start;flex-direction:column}.mc-admin-summary{width:100%}.mc-admin-create-grid{grid-template-columns:1fr}.mc-admin-table-wrap{overflow-x:auto}.mc-admin-table{min-width:690px}.mc-admin-manage-panel{position:fixed;top:50%;right:auto;bottom:auto;left:50%;width:min(500px,calc(100vw - 30px));max-height:calc(100vh - 30px);transform:translate(-50%,-50%)} }

/* Calendar dialog footer — one stable action row. */
.cal-modal footer{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.cal-modal footer>span{order:2;flex:1}.cal-modal footer>#cal-delete{order:1}.cal-modal footer>#cal-complete{order:3}.cal-modal footer>#cal-cancel{order:4}.cal-modal footer>.cal-save{order:5}
.cal-modal footer>button[hidden]{display:none!important}

/* Tasks header navigation — one safe return action beside Add Task. */
.tasks-container>.page-header .tasks-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.tasks-container>.page-header .tasks-back-button{gap:7px;margin:0!important;border:1px solid #cbd8e7;background:#fff;color:#405b79;box-shadow:0 3px 10px rgba(25,48,82,.04)}
.tasks-container>.page-header .tasks-back-button:hover{border-color:#aebfd3;background:#f6f9fd;color:#245d9f;transform:none}
@media(max-width:700px){.tasks-container>.page-header .tasks-header-actions{width:100%}.tasks-container>.page-header .tasks-header-actions>*{flex:1}.tasks-container>.page-header .tasks-back-button{width:auto}}

/* Global Back control — identical typography and geometry on every page. */
.main .back-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:var(--mc-81-control-height)!important;
    min-height:var(--mc-81-control-height)!important;
    max-height:var(--mc-81-control-height)!important;
    padding:0 13px!important;
    border-radius:9px!important;
    font-size:var(--mc-81-control-font)!important;
    font-weight:650!important;
    line-height:normal!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}

/* Company profile header actions — Back and Edit stay aligned as one group. */
.mc-company-profile>.company-header>.mc-company-header-actions{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:9px!important;
}
.mc-company-profile>.company-header>.mc-company-header-actions>.secondary-button{
    width:auto!important;
    height:var(--mc-81-control-height)!important;
    min-height:var(--mc-81-control-height)!important;
    max-height:var(--mc-81-control-height)!important;
    padding:0 13px!important;
    border-radius:9px!important;
    font-size:var(--mc-81-control-font)!important;
    font-weight:650!important;
    line-height:normal!important;
}
@media(max-width:620px){
    .mc-company-profile>.company-header>.mc-company-header-actions{width:100%!important}
    .mc-company-profile>.company-header>.mc-company-header-actions>*{flex:1 1 auto!important}
}

/* Contact actions — one explicit, reusable handoff to installed communication apps. */
.mc-myday .myday-prepared>.myday-contact-action{
    box-sizing:border-box!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:52px!important;
    max-height:none!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex-direction:column!important;
    margin:0!important;
    padding:9px 11px!important;
    border:1px solid #d9e2ed!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#53657f!important;
    font:650 10.5px/1.25 Inter,"Segoe UI",Arial,sans-serif!important;
    text-align:left!important;
    box-shadow:0 3px 9px rgba(34,58,91,.035)!important;
    cursor:pointer!important;
}
.mc-myday .myday-prepared>.myday-contact-action:hover{
    border-color:#9ebce4!important;
    background:#f7faff!important;
    color:#1769e8!important;
}
.mc-myday .myday-prepared>.myday-contact-action:focus-visible{
    outline:3px solid rgba(23,105,232,.16)!important;
    outline-offset:2px!important;
}
.mc-myday .myday-prepared>.myday-contact-action>b{margin-bottom:3px!important}
.mc-myday .myday-prepared>.myday-contact-action>span{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}

.mc-contact-dialog{
    width:min(520px,calc(100vw - 30px));
    padding:0;
    overflow:hidden;
    border:1px solid #d5e1ef;
    border-radius:15px;
    background:#fff;
    color:#203750;
    box-shadow:0 25px 75px rgba(18,39,67,.25);
}
.mc-contact-dialog::backdrop{background:rgba(15,31,53,.42);backdrop-filter:blur(2px)}
.mc-contact-dialog-shell{padding:0}
.mc-contact-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 20px 16px;border-bottom:1px solid #e5ebf2;background:linear-gradient(110deg,#f5f9ff,#fff 70%)}
.mc-contact-dialog header span{color:#1769e8;font-size:9px;font-weight:850;letter-spacing:.1em}
.mc-contact-dialog header h2{margin:4px 0 0;font-size:18px;line-height:1.25}
.mc-contact-dialog header>button{display:grid!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;place-items:center;border:1px solid #d7e1ec!important;border-radius:8px!important;background:#fff!important;color:#60738c!important;font-size:19px!important;cursor:pointer}
.mc-contact-dialog-person{display:grid;gap:4px;margin:16px 20px 0;padding:12px 14px;border:1px solid #e0e8f1;border-radius:10px;background:#f8fafd}
.mc-contact-dialog-person strong{font-size:12px}.mc-contact-dialog-person span{color:#718198;font-size:10px;line-height:1.45}
.mc-contact-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px 20px}
.mc-contact-dialog-actions>a,.mc-contact-dialog-actions>button{box-sizing:border-box!important;display:grid!important;width:100%!important;height:auto!important;min-height:58px!important;max-height:none!important;align-content:center!important;justify-content:start!important;gap:4px!important;margin:0!important;padding:10px 12px!important;border:1px solid #d8e3ef!important;border-radius:10px!important;background:#fff!important;color:#294561!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important}
.mc-contact-dialog-actions>a:hover,.mc-contact-dialog-actions>button:hover{border-color:#a9c6e8!important;background:#f4f8fe!important;color:#1769e8!important}
.mc-contact-dialog-actions b{font-size:11px}.mc-contact-dialog-actions small{color:#7c8ca1;font-size:9px;font-weight:550}
.mc-contact-dialog-actions>[hidden]{display:none!important}
.mc-contact-dialog-privacy{margin:0;padding:0 20px;color:#7b8a9e;font-size:9px;line-height:1.5}
.mc-contact-dialog-status{min-height:16px;margin:5px 20px 0;color:#168361;font-size:9px;font-weight:750}
.mc-contact-dialog footer{display:flex;justify-content:flex-end;margin-top:10px;padding:13px 20px;border-top:1px solid #e8edf3;background:#fafbfd}
.mc-contact-dialog footer>button{height:36px!important;min-height:36px!important;padding:0 14px!important;border:1px solid #d3deea!important;border-radius:9px!important;background:#fff!important;color:#526a84!important;font-size:11px!important;font-weight:650!important;cursor:pointer}
@media(max-width:520px){.mc-contact-dialog-actions{grid-template-columns:1fr}.mc-contact-dialog-actions>a,.mc-contact-dialog-actions>button{min-height:54px!important}}

/* Global contextual return — hidden for direct/sidebar navigation. */
.mc-global-return{
    display:flex;
    width:100%;
    align-items:center;
    justify-content:flex-end;
    margin:0 auto 10px!important;
}
.mc-global-return[hidden]{display:none!important}
.mc-global-return>.back-button{
    margin:0!important;
    border:1px solid #cbd8e7!important;
    background:#fff!important;
    color:#405b79!important;
    box-shadow:0 3px 10px rgba(25,48,82,.04)!important;
}
.mc-global-return>.back-button:hover{
    border-color:#aebfd3!important;
    background:#f6f9fd!important;
    color:#245d9f!important;
    transform:none!important;
}

/* User access dialog — always above the table and fully reachable. */
.mc-admin-manage[open]{z-index:1200}
.mc-admin-manage[open]::before{
    content:"";
    position:fixed;
    z-index:1198;
    inset:0;
    background:rgba(15,31,53,.42);
    backdrop-filter:blur(2px);
}
.mc-admin-manage-panel{
    position:fixed!important;
    z-index:1199!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    left:50%!important;
    width:min(560px,calc(100vw - 32px))!important;
    max-height:calc(100dvh - 40px)!important;
    transform:translate(-50%,-50%)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
}
.mc-admin-manage-title>div{min-width:0}
.mc-admin-manage-title>div>strong,
.mc-admin-manage-title>div>span{display:block}
.mc-admin-manage-close{
    display:grid!important;
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    place-items:center!important;
    border:1px solid #d4dfeb!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#61748c!important;
    font-size:18px!important;
    line-height:1!important;
    cursor:pointer!important;
}
.mc-admin-manage-close:hover{border-color:#aec0d4!important;background:#f4f8fd!important;color:#245d9f!important}
body.mc-admin-access-open{overflow:hidden!important}
@media(max-width:620px){
    .mc-admin-manage-panel{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}
    .mc-admin-inline-control{grid-template-columns:1fr!important}
    .mc-admin-inline-control>button{width:100%!important}
}

/* First-login workspace profile selection. */
body.standalone-page:has(.workspace-setup-page),
body.standalone-page:has(.backup-setup-page){overflow:auto}
.standalone-page .workspace-setup-page{
    box-sizing:border-box;
    width:100%;
    max-width:1040px;
    margin:0 auto;
}
.workspace-setup-card{
    position:relative;
    overflow:hidden;
    padding:34px;
    border:1px solid #d2dfed;
    border-radius:20px;
    background:rgba(255,255,255,.97);
    box-shadow:0 24px 65px rgba(29,67,108,.14);
}
.workspace-setup-card::before{
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:4px;
    background:linear-gradient(90deg,#287cf0,#3d85ec,#20ae7a);
    content:"";
}
.workspace-setup-brand{
    margin-bottom:20px;
    color:#142946;
    font-size:24px;
    font-weight:820;
    text-align:center;
    letter-spacing:-.04em;
}
.workspace-setup-brand span{color:#2475e8}
.workspace-setup-heading{text-align:center}
.workspace-setup-heading>span{
    display:block;
    margin-bottom:7px;
    color:#2875df;
    font-size:10px;
    font-weight:850;
    letter-spacing:.1em;
}
.workspace-setup-heading h1{
    margin:0!important;
    color:#142946!important;
    font-size:30px!important;
    line-height:1.15!important;
}
.workspace-setup-heading p{
    margin:8px 0 0;
    color:#647993;
    font-size:13px;
}
.workspace-setup-error{
    margin:18px 0 0;
    padding:10px 13px;
    border:1px solid #efceca;
    border-radius:9px;
    background:#fff1ef;
    color:#b54842;
    font-size:11px;
    font-weight:700;
    text-align:center;
}
.workspace-profile-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:26px;
}
.workspace-profile-option{
    position:relative;
    display:grid;
    min-width:0;
    min-height:225px;
    align-content:start;
    margin:0!important;
    padding:20px;
    border:1px solid #d6e1ed;
    border-radius:14px;
    background:#fbfdff;
    cursor:pointer;
}
.workspace-profile-option:hover{border-color:#94b9e8;background:#f7fbff}
.workspace-profile-option:has(input:checked){
    border-color:#2878e7;
    background:#f3f8ff;
    box-shadow:0 0 0 3px rgba(40,120,231,.1);
}
.workspace-profile-option input{
    position:absolute;
    top:18px;
    right:18px;
    width:17px;
    height:17px;
    margin:0;
    accent-color:#2475e8;
}
.workspace-profile-option>span{
    width:max-content;
    margin-bottom:13px;
    padding:5px 8px;
    border-radius:7px;
    background:#eaf2ff;
    color:#2569c8;
    font-size:9px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.workspace-profile-option strong{
    color:#18314f;
    font-size:17px;
    line-height:1.2;
}
.workspace-profile-option>small{
    margin-top:7px;
    color:#667b94;
    font-size:11px;
    line-height:1.45;
}
.workspace-profile-option ul{
    display:grid;
    gap:7px;
    margin:17px 0 0;
    padding:15px 0 0;
    border-top:1px solid #e3eaf3;
    color:#425b77;
    font-size:10px;
    list-style:none;
}
.workspace-profile-option li::before{
    margin-right:7px;
    color:#1b9a6c;
    content:"✓";
    font-weight:850;
}
.workspace-setup-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:24px;
    padding-top:20px;
    border-top:1px solid #e2eaf3;
}
.workspace-setup-actions p{
    margin:0;
    color:#6b7f97;
    font-size:10.5px;
}
.workspace-setup-actions button{
    min-width:150px;
    min-height:42px;
    padding:0 18px;
    border:0;
    border-radius:9px;
    background:#2475e8;
    color:#fff;
    font-size:11px;
    font-weight:780;
    cursor:pointer;
    box-shadow:0 7px 17px rgba(36,117,232,.22);
}
.workspace-setup-actions button:hover{background:#185fc9}
@media(max-width:800px){
    .workspace-profile-grid{grid-template-columns:1fr}
    .workspace-profile-option{min-height:0}
}
@media(max-width:560px){
    .workspace-setup-card{padding:28px 20px}
    .workspace-setup-actions{align-items:stretch;flex-direction:column}
    .workspace-setup-actions button{width:100%}
}

/* Settings workspace profile — controls menu visibility only. */
.settings-container>.settings-workspace-profile{
    margin-bottom:16px!important;
    padding:18px!important;
}
.settings-workspace-profile .settings-section-heading h2::before{
    background-color:#edf4ff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233478e5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E");
}
.settings-profile-options{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
}
.settings-profile-options>label{
    display:grid;
    grid-template-columns:17px minmax(0,1fr);
    align-items:start;
    gap:9px;
    min-width:0;
    margin:0!important;
    padding:12px;
    border:1px solid #dce5ef;
    border-radius:10px;
    background:#fbfcfe;
    cursor:pointer;
}
.settings-profile-options>label:hover{border-color:#a9c3e4;background:#f7faff}
.settings-profile-options>label:has(input:checked){
    border-color:#3478e5;
    background:#f2f7ff;
    box-shadow:0 0 0 2px rgba(52,120,229,.08);
}
.settings-profile-options input{
    width:16px;
    height:16px;
    margin:1px 0 0;
    accent-color:#2471e8;
}
.settings-profile-options span,
.settings-profile-options strong,
.settings-profile-options small{display:block;min-width:0}
.settings-profile-options strong{color:#263d59;font-size:10.5px}
.settings-profile-options small{margin-top:4px;color:#788ba2;font-size:8.5px;line-height:1.4}
.settings-profile-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:13px;
}
.settings-profile-actions p{margin:0;color:#7c8da2;font-size:8.5px}
.settings-profile-actions button{
    min-width:110px;
    height:36px;
    padding:0 13px;
    border:1px solid #2471e8;
    border-radius:8px;
    background:#2471e8;
    color:#fff;
    font-size:9px;
    font-weight:750;
    cursor:pointer;
    box-shadow:0 5px 13px rgba(36,113,232,.16);
}
.settings-profile-actions button:hover{background:#185fcb}
@media(max-width:850px){.settings-profile-options{grid-template-columns:1fr}}
@media(max-width:560px){
    .settings-profile-actions{align-items:stretch;flex-direction:column}
    .settings-profile-actions button{width:100%}
}

/* Encrypted backup setup and Settings status. */
.standalone-page .main:has(> .backup-setup-page){
    box-sizing:border-box;
    display:grid!important;
    grid-template-columns:minmax(0,1fr);
    place-items:start center;
    width:100%!important;
    margin-left:0!important;
    padding:28px 20px!important;
}
.standalone-page .backup-setup-page{
    box-sizing:border-box;
    width:100%;
    /* The global .main > * rule is important; keep this exception local. */
    max-width:820px!important;
    margin:0 auto!important;
    min-width:0;
}
.backup-setup-page *{box-sizing:border-box}
.backup-setup-page [hidden],.backup-setup-page .backup-button[hidden]{display:none!important}
.backup-setup-page .backup-icon{display:block;flex:none;width:20px;height:20px}
.backup-setup-card{
    position:relative;
    overflow:hidden;
    padding:26px;
    border:1px solid #d2dfed;
    border-radius:18px;
    background:rgba(255,255,255,.97);
    box-shadow:0 16px 48px rgba(29,67,108,.1);
}
.backup-setup-card::before{
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:4px;
    background:linear-gradient(90deg,#287cf0,#3d85ec,#20ae7a);
    content:"";
}
.backup-card-topbar{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}
.backup-card-topbar-side{display:flex;min-width:0;justify-content:flex-start}
.backup-brand{margin:0;color:#142946;font-size:20px;font-weight:800;letter-spacing:-.04em;text-align:center}
.backup-brand span{color:#2475e8}
.backup-return-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:36px;
    padding:0 10px;
    border:1px solid #cddced;
    border-radius:9px;
    background:#fff;
    color:#2b4a6d;
    font-size:12px;
    font-weight:650;
    line-height:1.2;
    text-decoration:none;
    white-space:nowrap;
    box-shadow:0 1px 2px rgba(20,45,75,.03);
}
.backup-return-link:hover{border-color:#94b4db;background:#f3f7fe;color:#234f82}
.backup-return-link .backup-icon{width:17px;height:17px}
.backup-heading{display:flex;align-items:center;gap:14px}
.backup-heading>div{min-width:0}
.backup-heading-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #dce9fc;border-radius:14px;background:#edf5ff;color:#2471e8}
.backup-heading-icon .backup-icon{width:26px;height:26px}
.backup-eyebrow{display:block;color:#2875df;font-size:10px;font-weight:800;letter-spacing:.08em}
.backup-heading h1{margin:4px 0 5px!important;color:#142946;font-size:26px!important;line-height:1.2;letter-spacing:-.03em}
.backup-heading p{margin:0;color:#637993;font-size:13px;line-height:1.5}
.backup-setup-form{display:grid;gap:16px;margin-top:22px}
.backup-setup-group{
    min-width:0;
    margin:0;
    padding:14px;
    border:1px solid #dce6f0;
    border-radius:13px;
    background:#fbfdff;
}
.backup-setup-group legend{
    padding:0 7px;
    color:#334d6c;
    font-size:12px;
    font-weight:800;
}
.backup-step{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:5px;border-radius:50%;background:#eaf2ff;color:#2471e8;font-size:11px}
.backup-choice-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.backup-choice-option{
    display:grid;
    grid-template-columns:16px 28px minmax(0,1fr);
    align-items:center;
    gap:8px;
    min-width:0;
    margin:0!important;
    padding:12px;
    border:1px solid #d7e2ee;
    border-radius:10px;
    background:#fff;
    cursor:pointer;
}
.backup-choice-option:hover{border-color:#9ebde4;background:#f8fbff}
.backup-choice-option:has(input:checked){
    border-color:#3478e5;
    background:#f2f7ff;
    box-shadow:0 0 0 2px rgba(52,120,229,.08);
}
.backup-choice-option input{
    width:16px!important;
    height:16px!important;
    min-height:16px!important;
    margin:0!important;
    padding:0!important;
    box-shadow:none!important;
    accent-color:#2471e8;
}
.backup-choice-option span,
.backup-choice-option strong,
.backup-choice-option small{display:block;min-width:0}
.backup-choice-option .backup-choice-icon{color:#617a98}
.backup-choice-option:has(input:checked) .backup-choice-icon{color:#2471e8}
.backup-choice-option strong{color:#243c59;font-size:13px;line-height:1.4}
.backup-choice-option small{
    margin-top:4px;
    color:#61758d;
    font-size:11px;
    line-height:1.4;
}
.backup-location-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
.backup-local-path{
    min-width:0;
    color:#61758d;
    font-size:11px;
    line-height:1.45;
    overflow-wrap:anywhere;
}
.backup-local-path strong{display:block;margin-top:2px;color:#4d6682;font-weight:500}
.backup-custom-destination,
.backup-password-fields{
    display:none;
    margin-top:13px;
}
.backup-setup-form:has(input[name="destination_choice"][value="custom"]:checked)
    .backup-custom-destination{display:grid;gap:6px}
.backup-setup-form:has(input[name="protection_mode"][value="password"]:checked)
    .backup-password-fields{display:grid}
.backup-custom-destination label,
.backup-password-fields label{
    color:#425b77;
    font-size:12px;
    font-weight:750;
}
.backup-custom-destination input,
.backup-password-fields input{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    height:40px!important;
    min-height:40px!important;
    padding:0 11px!important;
    border:1px solid #cfdae7;
    border-radius:8px;
    background:#fff;
    color:#263d59;
    font:inherit;
    font-size:13px!important;
}
.backup-custom-destination input:focus,
.backup-password-fields input:focus{
    border-color:#3478e5;
    outline:3px solid rgba(52,120,229,.1);
}
.backup-custom-destination small{
    color:#61758d;
    font-size:11px;
    line-height:1.45;
}
.backup-password-fields{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.backup-password-fields>div{display:grid;gap:6px}
.backup-password-fields>p{
    grid-column:1/-1;
    margin:0;
    color:#8a6540;
    font-size:11px;
    line-height:1.45;
}
.backup-security-note{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:9px;
    padding:10px 12px;
    border:1px solid #cfe8dd;
    border-radius:10px;
    background:#f3fbf7;
    color:#526d62;
    font-size:11px;
    line-height:1.45;
}
.backup-security-note strong{color:#137b55;margin-right:6px}
.backup-security-note .backup-icon{color:#17835e;width:18px;height:18px}
.backup-setup-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid #e0e9f3}
.backup-setup-actions p{margin:0;color:#637993;font-size:11px;line-height:1.45}
.backup-setup-page .backup-button{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;
    flex:none;min-width:0!important;width:auto!important;height:40px!important;min-height:40px!important;
    margin:0!important;padding:0 14px!important;border-radius:9px!important;
    font-family:inherit!important;font-size:13px!important;font-weight:650!important;line-height:1.2!important;
    text-transform:none!important;cursor:pointer;
}
/* Scope button colours above the legacy global button exclusion selectors. */
:is(#backup-setup-form,#backup-folder-dialog) .backup-button{border:1px solid #cddced!important;background:#fff!important;color:#2b4a6d!important;box-shadow:0 1px 2px rgba(20,45,75,.03)!important}
:is(#backup-setup-form,#backup-folder-dialog) .backup-button:hover{border-color:#94b4db!important;background:#f3f7fe!important}
:is(#backup-setup-form,#backup-folder-dialog) .backup-button-primary{background:#2471e8!important;border-color:#2471e8!important;color:#fff!important}
:is(#backup-setup-form,#backup-folder-dialog) .backup-button-primary:hover{background:#185fcb!important;border-color:#185fcb!important}
.backup-setup-page .backup-button:disabled{opacity:.5;cursor:default;box-shadow:none!important}
.backup-setup-page :is(button,input):focus-visible{outline:3px solid #aacbff!important;outline-offset:3px!important}
.backup-folder-dialog{width:min(600px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;margin:auto;border:1px solid #d3dfec;border-radius:16px;background:#fff;color:#243c59;box-shadow:0 24px 70px rgba(20,40,70,.22);overflow:auto}
.backup-folder-dialog::backdrop{background:rgba(20,39,64,.38)}
.backup-folder-shell{padding:20px;min-width:0}
.backup-folder-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.backup-folder-header h2{margin:0;color:#142946;font-size:20px}
.backup-folder-header p{margin:5px 0 0;color:#637993;font-size:12px;line-height:1.45}
.backup-setup-page .backup-close{width:36px!important;height:36px!important;min-height:36px!important;padding:0!important}
.backup-folder-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
#backup-current-folder{flex-basis:100%;min-width:0;margin-top:4px;padding:9px 11px;border-radius:7px;background:#f3f6fa;overflow-wrap:anywhere;color:#4e6683;font-size:12px;line-height:1.5}
.backup-folder-status{min-height:18px;margin:10px 0;color:#61758d;font-size:12px;line-height:1.5}
.backup-folder-status[data-error="true"]{color:#b13937}
.backup-folder-list{list-style:none;margin:0;padding:0;max-height:260px;max-height:min(260px,35dvh);overflow:auto;overscroll-behavior:contain}
.backup-folder-list>li+li{margin-top:6px}
.backup-setup-page .backup-folder-item{width:100%!important;height:auto!important;min-height:44px!important;justify-content:flex-start!important;padding:10px 12px!important;white-space:normal!important;text-align:left!important;box-shadow:none!important}
.backup-folder-item>span{min-width:0;overflow-wrap:anywhere}
.backup-folder-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #e0e9f3}
@media(max-width:600px){
    .backup-card-topbar{grid-template-columns:1fr;justify-items:center}
    .backup-card-topbar-side{grid-row:2;justify-content:center}
    .backup-card-topbar>.backup-brand{grid-row:1}
    .backup-card-topbar>span{display:none}
    .backup-heading h1{font-size:23px!important}
    .backup-heading-icon{display:none}
    .backup-location-row,.backup-setup-actions{align-items:stretch;flex-direction:column}
    .backup-setup-page .backup-location-row>.backup-button,.backup-setup-page .backup-setup-actions>.backup-button{width:100%!important}
    .backup-folder-shell{padding:16px}
}
.settings-container>.settings-backup{
    margin-bottom:16px!important;
    padding:18px!important;
}
.settings-backup .settings-section-heading h2::before{
    background-color:#edf7f2;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f976c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4v5c0 5-3.4 8-8 9-4.6-1-8-4-8-9V7l8-4z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
}
.backup-status-badge{
    flex:0 0 auto;
    padding:5px 8px;
    border-radius:999px;
    background:#e8f7f0;
    color:#14815b;
    font-size:8px;
    font-weight:800;
}
.backup-status-badge.needs-setup{background:#fff3df;color:#a86818}
.settings-backup-details{
    display:grid;
    grid-template-columns:minmax(0,1.6fr) minmax(150px,.7fr) minmax(150px,.7fr);
    gap:10px;
    margin-top:14px;
}
.settings-backup-details>div{
    display:grid;
    min-width:0;
    gap:4px;
    padding:11px 12px;
    border:1px solid #e0e7ef;
    border-radius:9px;
    background:#fbfcfe;
}
.settings-backup-details span{
    color:#7e90a6;
    font-size:7.5px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.settings-backup-details strong{
    min-width:0;
    overflow:hidden;
    color:#334c69;
    font-size:9px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.settings-backup-actions{
    display:flex;
    align-items:end;
    justify-content:flex-end;
    gap:10px;
    margin-top:12px;
}
.settings-backup-actions>div:first-of-type{
    display:grid;
    flex:1 1 260px;
    max-width:360px;
    gap:5px;
}
.settings-backup-actions label{
    color:#526a85;
    font-size:8px;
    font-weight:750;
}
.settings-backup-actions input{
    box-sizing:border-box;
    width:100%;
    min-height:36px;
    padding:0 10px;
    border:1px solid #d3deea;
    border-radius:8px;
    font-size:9px;
}
.settings-backup-buttons{display:flex!important;gap:8px!important}
.settings-backup-buttons>a,
.settings-backup-buttons>button,
.settings-backup-empty>a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    min-width:110px;
    min-height:36px;
    padding:0 13px;
    border:1px solid #2471e8;
    border-radius:8px;
    font-size:9px;
    font-weight:750;
    text-decoration:none;
    cursor:pointer;
}
.settings-backup-buttons>a,
.settings-backup-empty>a{background:#fff;color:#245faa}
.settings-backup-buttons>button{background:#2471e8;color:#fff}
.settings-backup-buttons>button:hover{background:#185fcb}
.settings-backup-empty{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:12px;
}
.settings-backup-empty p{margin:0;color:#71859c;font-size:9px}
@media(max-width:760px){
    .backup-choice-grid,
    .backup-password-fields,
    .settings-backup-details{grid-template-columns:1fr}
    .settings-backup-actions{align-items:stretch;flex-direction:column}
    .settings-backup-actions>div:first-of-type{max-width:none}
    .settings-backup-buttons{width:100%}
    .settings-backup-buttons>a,
    .settings-backup-buttons>button{flex:1 1 0}
}
@media(max-width:560px){
    .backup-setup-card{padding:28px 20px}
    .settings-backup-empty{align-items:stretch;flex-direction:column}
}

/* Settings: controlled database restore. */
.settings-restore-panel{
    margin-top:14px;
    border-top:1px solid #e2e9f1;
}
.settings-restore-panel>summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:13px 0 0;
    color:#334c69;
    list-style:none;
    cursor:pointer;
}
.settings-restore-panel>summary::-webkit-details-marker{display:none}
.settings-restore-panel>summary>span:first-child{display:grid;min-width:0;gap:3px}
.settings-restore-panel>summary strong{font-size:9.5px;font-weight:800}
.settings-restore-panel>summary small{color:#7b8da2;font-size:8.5px;line-height:1.4}
.restore-summary-action,
.restore-ready-badge{
    flex:none;
    padding:5px 8px;
    border-radius:999px;
    font-size:8px;
    font-weight:800;
}
.restore-summary-action{background:#eef4fc;color:#376aab}
.restore-action-close{display:none}
.settings-restore-panel[open] .restore-action-open{display:none}
.settings-restore-panel[open] .restore-action-close{display:inline}
.restore-ready-badge{background:#fff3df;color:#9d641d}
.settings-restore-form{
    display:grid;
    gap:12px;
    margin-top:13px;
    padding:14px;
    border:1px solid #e0e7ef;
    border-radius:10px;
    background:#fbfcfe;
}
.restore-file-field,
.restore-credentials-grid>div{display:grid;gap:5px;min-width:0}
.settings-restore-form label{color:#526a85;font-size:8px;font-weight:750}
.settings-restore-form input[type="file"],
.settings-restore-form input[type="password"]{
    box-sizing:border-box;
    width:100%;
    min-height:36px;
    padding:0 10px;
    border:1px solid #d3deea;
    border-radius:8px;
    background:#fff;
    color:#334c69;
    font:inherit;
    font-size:9px;
}
.settings-restore-form input[type="file"]{padding:7px 9px}
.settings-restore-form input[type="file"]::file-selector-button{
    margin:-7px 10px -7px -9px;
    padding:7px 10px;
    border:0;
    border-right:1px solid #d3deea;
    background:#eef4fc;
    color:#315f98;
    font:inherit;
    font-weight:750;
    cursor:pointer;
}
.settings-restore-form input:focus{border-color:#3478e5;outline:3px solid rgba(52,120,229,.1)}
.restore-file-field>small{color:#7b8da2;font-size:8px;line-height:1.4}
.restore-credentials-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.restore-safety-note{
    display:flex;
    align-items:center;
    gap:8px;
    padding:9px 10px;
    border:1px solid #cfe8dd;
    border-radius:8px;
    background:#f3fbf7;
    color:#587266;
    font-size:8.5px;
    line-height:1.45;
}
.restore-safety-note strong{flex:none;color:#137b55}
.restore-confirmation{
    display:grid!important;
    grid-template-columns:15px minmax(0,1fr);
    align-items:start;
    gap:8px;
    margin:0!important;
    color:#657a92!important;
    line-height:1.45;
}
.restore-confirmation input{width:15px;height:15px;margin:0;accent-color:#b74943}
.restore-actions{display:flex;justify-content:flex-end}
.settings-container .settings-backup .restore-primary-button{
    min-height:36px;
    padding:0 13px;
    border:1px solid #b74943!important;
    border-radius:8px;
    background:#b74943!important;
    color:#fff!important;
    font-size:9px;
    font-weight:750;
    cursor:pointer;
}
.settings-container .settings-backup .restore-primary-button:hover{
    background:#9f3935!important;
    border-color:#9f3935!important;
}
.restore-pending-state{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:13px;
    padding:12px;
    border:1px solid #ead7b9;
    border-radius:9px;
    background:#fffaf1;
}
.restore-pending-state>div{display:grid;gap:3px;min-width:0}
.restore-pending-state strong{color:#76501f;font-size:9px}
.restore-pending-state p{margin:0;color:#8a6d48;font-size:8.5px;line-height:1.4}
.restore-pending-state form{margin:0}
.restore-pending-state button{min-width:104px;min-height:34px;font-size:8.5px}
@media(max-width:760px){
    .restore-credentials-grid{grid-template-columns:1fr}
    .restore-pending-state{align-items:stretch;flex-direction:column}
    .restore-pending-state button{width:100%}
}


/* Shared presentation for data-driven progress bars and clipboard fallback. */
.mc-data-progress { width: var(--mc-progress, 0%); }
.mc-clipboard-fallback { position: fixed; opacity: 0; }