/* add-company Page Styles */
/* Page Header */
        .add-company-create-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 32px;
            flex-wrap: wrap;
            gap: 16px;
        }
        .add-company-create-header-info {
            display: flex;
            align-items: center;
            gap: 16px;
        }
        .add-company-create-header-icon {
            width: 56px;
            height: 56px;
            border-radius: 16px;
            background: linear-gradient(135deg, #d4a373, #a67c52);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            box-shadow: 0 4px 16px rgba(107, 93, 82, 0.25);
        }
        .add-company-create-title {
            font-size: 24px;
            font-weight: 700;
            color: #3F352F;
            margin: 0;
        }
        .add-company-create-subtitle {
            font-size: 14px;
            color: #8A7D74;
            margin: 4px 0 0;
        }
        .add-company-btn-back {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 20px;
            background: white;
            color: #8A7D74;
            border: 1px solid #E9DCCB;
            border-radius: 12px;
            text-decoration: none;
            font-weight: 600;
            font-size: 14px;
            transition: all 0.2s;
        }
        .add-company-btn-back:hover {
            background: #6B5D52;
            color: white;
            border-color: #6B5D52;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(107, 93, 82, 0.25);
        }

        /* Form Sections */
        .add-company-create-form {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }
        .add-company-form-section {
            background: white;
            border-radius: 16px;
            border: 1px solid #E9DCCB;
            padding: 28px;
            transition: box-shadow 0.2s;
        }
        .add-company-form-section:hover {
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
        }
        .add-company-form-section-header {
            display: flex;
            align-items: center;
            gap: 14px;
            margin-bottom: 24px;
            padding-bottom: 16px;
            border-bottom: 1px solid #E9DCCB;
        }
        .add-company-form-section-icon {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            flex-shrink: 0;
        }
        .form-section-icon.add-company-basic { background: rgba(107, 93, 82, 0.1); color: #6B5D52; }
        .form-section-icon.add-company-contact { background: rgba(59, 130, 246, 0.1); color: #2563eb; }
        .form-section-icon.add-company-details { background: rgba(139, 92, 246, 0.1); color: #7c3aed; }
        .form-section-icon.add-company-billing { background: rgba(14, 165, 233, 0.1); color: #0284c7; }
        .form-section-icon.add-company-settings { background: rgba(245, 158, 11, 0.1); color: #d97706; }
        .form-section-icon.add-company-notes { background: rgba(107, 114, 128, 0.1); color: #6b7280; }
        .form-section-icon.add-company-docs { background: rgba(236, 72, 153, 0.1); color: #db2777; }

        .add-company-form-section-title {
            font-size: 18px;
            font-weight: 700;
            color: #3F352F;
            margin: 0;
        }
        .add-company-form-section-desc {
            font-size: 13px;
            color: #8A7D74;
            margin: 2px 0 0;
        }

        /* Form Grid */
        .add-company-form-grid-2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            align-items: start;
        }
        .add-company-full-width {
            grid-column: 1 / -1;
        }
        .add-company-form-group {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        .add-company-form-label-custom {
            font-size: 14px;
            font-weight: 600;
            color: #3F352F;
            display: block;
        }
        .add-company-required { color: #dc2626; font-weight: 700; }

        /* Input with icon */
        .add-company-input-wrapper {
            position: relative;
        }
        .add-company-input-icon {
            position: absolute;
            right: 14px;
            top: 50%;
            transform: translateY(-50%);
            color: #8A7D74;
            font-size: 15px;
            pointer-events: none;
            z-index: 1;
        }
        .add-company-form-input-custom {
            width: 100%;
            padding: 12px 14px 12px 14px;
            padding-right: 42px;
            border: 1.5px solid #E9DCCB;
            border-radius: 12px;
            font-size: 14px;
            font-family: 'Cairo', sans-serif;
            color: #3F352F;
            background: #F8F5F1;
            transition: all 0.2s;
            outline: none;
        }
        .add-company-form-input-custom:focus {
            border-color: #6B5D52;
            background: white;
            box-shadow: 0 0 0 3px rgba(107, 93, 82, 0.12);
        }
        .add-company-form-input-custom::placeholder { color: #b0b8c4; }

        select.add-company-form-input-custom {
            appearance: none;
            cursor: pointer;
        }
        textarea.add-company-form-input-custom {
            resize: vertical;
            min-height: 100px;
            padding-right: 16px;
        }
        .add-company-input-suffix {
            position: absolute;
            left: 14px;
            top: 50%;
            transform: translateY(-50%);
            color: #8A7D74;
            font-size: 13px;
            font-weight: 600;
            pointer-events: none;
        }
        .add-company-form-hint-custom {
            display: block;
            margin-top: 4px;
            font-size: 12px;
            color: #8A7D74;
        }
        .add-company-other-wrapper {
            display: none;
            margin-top: 8px;
        }
        .other-wrapper.show {
            display: flex;
        }

        /* Toggle Cards */
        .add-company-toggles-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }
        .add-company-toggle-card {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 20px;
            border: 1.5px solid #E9DCCB;
            border-radius: 14px;
            background: #F8F5F1;
            transition: all 0.2s;
        }
        .add-company-toggle-card:hover {
            border-color: rgba(107, 93, 82, 0.3);
            background: white;
        }
        .add-company-toggle-card-info {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .add-company-toggle-card-icon {
            width: 40px;
            height: 40px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            flex-shrink: 0;
        }
        .toggle-card-icon.add-company-active-icon { background: rgba(107, 158, 107, 0.1); color: #6B9E6B; }
        .toggle-card-icon.add-company-tasks-icon { background: rgba(59, 130, 246, 0.1); color: #2563eb; }
        .toggle-card-icon.add-company-attendance-icon { background: rgba(245, 158, 11, 0.1); color: #d97706; }
        .add-company-toggle-card-title {
            font-size: 14px;
            font-weight: 700;
            color: #3F352F;
            margin: 0;
        }
        .add-company-toggle-card-desc {
            font-size: 12px;
            color: #8A7D74;
            margin: 2px 0 0;
        }
        .add-company-toggle-switch {
            width: 48px;
            height: 26px;
            border-radius: 13px;
            background: #d1d5db;
            cursor: pointer;
            position: relative;
            transition: background 0.3s;
            flex-shrink: 0;
        }
        .toggle-switch.active { background: #6B9E6B; }
        .add-company-toggle-slider {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: white;
            position: absolute;
            top: 2px;
            right: 2px;
            transition: right 0.3s;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .toggle-switch.active .add-company-toggle-slider { right: calc(100% - 24px); }

        /* Upload Area */
        .add-company-upload-area {
            border: 2px dashed #D8CCBC;
            border-radius: 16px;
            padding: 40px 24px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s;
            background: #F8F5F1;
        }
        .add-company-upload-area:hover {
            border-color: #6B5D52;
            background: rgba(107, 93, 82, 0.03);
        }
        .add-company-upload-icon-big { font-size: 48px; color: #6B5D52; margin-bottom: 12px; opacity: 0.7; }
        .add-company-upload-title-text { font-size: 18px; font-weight: 700; color: #3F352F; margin: 0 0 4px; }
        .add-company-upload-subtitle-text { font-size: 14px; color: #8A7D74; margin: 0 0 16px; }
        .add-company-upload-hints {
            display: flex;
            justify-content: center;
            gap: 8px;
            flex-wrap: wrap;
            margin-bottom: 12px;
        }
        .add-company-hint-badge {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            padding: 4px 10px;
            background: white;
            border: 1px solid #E9DCCB;
            border-radius: 8px;
            font-size: 12px;
            color: #8A7D74;
            font-weight: 500;
        }
        .add-company-upload-max-text { font-size: 12px; color: #9ca3af; margin: 0; }

        /* Contact Person card for additional contacts */
        .add-company-contact-row {
            padding: 16px;
            background: #F8F5F1;
            border-radius: 12px;
            border: 1px solid #E9DCCB;
            margin-bottom: 12px;
            position: relative;
        }
        .add-company-contact-row .add-company-remove-contact {
            position: absolute;
            top: 12px;
            left: 12px;
        }

        /* Buttons */
        .add-company-btn-add-contact {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-top: 10px;
            padding: 8px 16px;
            background: white;
            border: 1.5px solid #E9DCCB;
            border-radius: 10px;
            color: #8A7D74;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            font-family: 'Cairo', sans-serif;
            transition: all 0.2s;
        }
        .add-company-btn-add-contact:hover {
            background: #F8F5F1;
            color: #6B5D52;
            border-color: #6B5D52;
        }

        /* Form Actions */
        .add-company-form-actions {
            display: flex;
            justify-content: flex-end;
            gap: 12px;
            padding: 24px 0 8px;
        }
        .add-company-btn-cancel-form, .add-company-btn-reset-form, .add-company-btn-submit-form {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 12px 28px;
            border-radius: 12px;
            font-size: 14px;
            font-weight: 600;
            font-family: 'Cairo', sans-serif;
            cursor: pointer;
            border: none;
            transition: all 0.2s;
            text-decoration: none;
        }
        .add-company-btn-cancel-form {
            background: white;
            color: #8A7D74;
            border: 1.5px solid #E9DCCB;
        }
        .add-company-btn-cancel-form:hover { background: #fef2f2; color: #dc2626; border-color: #fca5a5; }
        .add-company-btn-reset-form {
            background: white;
            color: #8A7D74;
            border: 1.5px solid #E9DCCB;
        }
        .add-company-btn-reset-form:hover { background: #eff6ff; color: #2563eb; border-color: #93c5fd; }
        .add-company-btn-submit-form {
            background: linear-gradient(135deg, #d4a373, #a67c52);
            color: white;
            box-shadow: 0 4px 14px rgba(107, 93, 82, 0.3);
        }
        .add-company-btn-submit-form:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(107, 93, 82, 0.4);
        }

        /* Toast */
        .add-company-toast-notification {
            position: fixed;
            top: 24px;
            left: 50%;
            transform: translateX(-50%) translateY(-120px);
            display: flex;
            align-items: center;
            gap: 14px;
            background: white;
            padding: 16px 28px;
            border-radius: 14px;
            box-shadow: 0 8px 32px rgba(0,0,0,0.12);
            border: 1px solid rgba(107, 158, 107, 0.3);
            z-index: 9999;
            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        .toast-notification.show {
            transform: translateX(-50%) translateY(0);
        }
        .add-company-toast-notification .add-company-toast-icon-inner { font-size: 28px; color: #6B9E6B; }

        @media (max-width: 768px) {
            .add-company-form-grid-2 { grid-template-columns: 1fr; }
            .add-company-toggles-grid { grid-template-columns: 1fr; }
            .add-company-create-header { flex-direction: column; align-items: flex-start; }
        }

        .add-company-toggle-password-btn {
            position: absolute;
            left: 14px;
            top: 50%;
            transform: translateY(-50%);
            background: transparent;
            border: none;
            color: #8A7D74;
            font-size: 16px;
            cursor: pointer;
            padding: 4px;
            z-index: 2;
            transition: color 0.2s;
        }
        .add-company-toggle-password-btn:hover { color: #6B5D52; }