:root {
            --ocflite-accent:#2D5F9A;
            --ocflite-accent-soft:#3F7AC6;
            --ocflite-section-bg:#F2F4F7;
            --ocflite-radius:6px;
            --ocflite-text:#1F2A34;
        }

        .ocflite-settings .ocflite-title-band{
            display:flex;
            align-items:center;
            gap:12px;
            margin:0 0 24px 0;
            background:none;
            padding:0;
            border-radius:0;
        }

        .ocflite-settings .ocflite-title-band span{
            font-size:1.7rem;
            font-weight:600;
            line-height:1.2;
            color:var(--ocflite-text);
        }

        .ocflite-logo{
            height:40px;
            width:auto;
            display:block;
        }

        /* Base grid: 3 columns on large desktops */
        .ocflite-settings-grid{
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:28px;
            margin-top:24px;
            align-items:stretch;
        }

        /* Place test box in row 2 / col 2 on large screens */
        .ocflite-settings-grid .ocflite-box--test{
            grid-column:2;
            grid-row:2;
            display:flex;
            flex-direction:column;
        }

        /* Medium screens: switch to 2 columns */
        @media (max-width:1500px){
            .ocflite-settings-grid{
                grid-template-columns:repeat(2,minmax(0,1fr));
            }
            .ocflite-settings-grid .ocflite-box--test{
                grid-column:auto;
                grid-row:auto;
            }
        }

        /* Small screens: single column, all boxes stacked */
        @media (max-width:1200px){
            .ocflite-settings-grid{
                grid-template-columns:1fr;
            }
            .ocflite-settings-grid .ocflite-box--test{
                grid-column:auto;
                grid-row:auto;
            }

            /* Make all inputs/selects full width on small screens */
            .ocflite-settings .form-table input[type="text"],
            .ocflite-settings .form-table input[type="email"],
            .ocflite-settings .form-table input[type="number"],
            .ocflite-settings .form-table input[type="password"],
            .ocflite-settings .form-table select{
                width:100% !important;
                max-width:100% !important;
            }
        }

        /* Prevent inputs from overflowing their cell on wider screens */
        .ocflite-settings .form-table input[type="text"],
        .ocflite-settings .form-table input[type="email"],
        .ocflite-settings .form-table input[type="number"],
        .ocflite-settings .form-table input[type="password"],
        .ocflite-settings .form-table select{
            max-width:100%;
        }

        .ocflite-settings-grid .ocflite-box{
            background:var(--ocflite-section-bg);
            border:1px solid #dcdcde;
            border-radius:var(--ocflite-radius);
            box-shadow:0 2px 6px rgba(0,0,0,0.05);
            transition:box-shadow .2s ease;
            overflow:hidden;
            padding:0 16px 16px 16px;
            color:var(--ocflite-text);
        }

        .ocflite-settings-grid .ocflite-box:hover{
            box-shadow:0 4px 12px rgba(0,0,0,0.12);
        }

        .ocflite-settings-grid .ocflite-box h2,
        .ocflite-settings-grid .ocflite-box h3{
            margin:0 -16px 16px -16px;
            padding:12px 16px;
            font-size:1.05rem;
            font-weight:600;
            background:var(--ocflite-accent);
            color:var(--ocflite-section-bg);
        }

        .ocflite-settings-grid .ocflite-box table{
            margin:0;
            width:100%;
        }

        .ocflite-settings-grid .ocflite-box table th,
        .ocflite-settings-grid .ocflite-box table td{
            padding:8px 10px;
            color:var(--ocflite-text);
        }

        .ocflite-settings-grid .ocflite-box--test .ocflite-box-test-inner{
            flex:1;
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            text-align:center;
            padding-top:8px;
            padding-bottom:4px;
        }

        .ocflite-settings-grid .ocflite-box--test .ocflite-box-test-inner .description{
            font-size:15px;
        }

        .ocflite-settings-grid .ocflite-box--test .button.ocflite-accent{
            margin-top:30px;
            font-size:16px;
            padding:8px 20px;
            min-width:160px;
        }

        .button.ocflite-accent{
            background:var(--ocflite-accent)!important;
            border-color:var(--ocflite-accent)!important;
            color:#fff!important;
            transition:background-color .2s ease, filter .2s ease;
        }

        .button.ocflite-accent:hover,
        button.ocflite-accent:focus{
            background:var(--ocflite-accent-soft)!important;
            border-color:var(--ocflite-accent-soft)!important;
            color:#fff!important;
            filter:brightness(1.02);
        }

        .wrap .notice.notice-success:not(.settings-error):not(.ocflite-own):not(.ocflite-own-core){
            display:none!important;
        }

        /* Disabled / grayed-out boxes for non-selected transports */
        .ocflite-settings-grid .ocflite-box--disabled{
            background:#f5f5f5;
            border-color:#d0d0d0;
            box-shadow:none;
            filter:grayscale(1);
            color:#777;
        }

        .ocflite-settings-grid .ocflite-box--disabled h2,
        .ocflite-settings-grid .ocflite-box--disabled h3{
            background:#e0e0e0;
            color:#555;
        }

        .ocflite-settings-grid .ocflite-box--disabled input,
        .ocflite-settings-grid .ocflite-box--disabled select,
        .ocflite-settings-grid .ocflite-box--disabled textarea{
            background:#f0f0f0;
            border-color:#d0d0d0;
            color:#777;
        }

        .ocflite-settings-grid .ocflite-box--disabled .button.ocflite-accent{
            background:#bcbcbc!important;
            border-color:#bcbcbc!important;
            color:#f5f5f5!important;
            cursor:default;
            filter:none;
        }

        .ocflite-settings-grid .ocflite-box--disabled .description{
            color:#777;
            font-size:14px;
        }

        /* File (dev/local): when only the inner config is disabled,
           extend the gray area to full width so no blue frame is visible */
        .ocflite-file-config.ocflite-box--disabled{
            margin:0 -16px 0 -16px;
            padding:0 16px 16px 16px;
            border:none;
            background:#f5f5f5;
            box-shadow:none;
            filter:grayscale(1);
        }

        .ocflite-file-config.ocflite-box--disabled h2{
            margin:0 -16px 16px -16px;
        }

        /* Documentation block — center all content EXCEPT the title */
        .ocflite-box--docs {
            display:flex;
            flex-direction:column;
        }

        .ocflite-box--docs-content {
            flex:1;
            display:flex;
            flex-direction:column;
            justify-content:center;
            align-items:center;
            text-align:center;
        }

        .ocflite-box--docs .description {
            font-size:16px;
            margin-bottom:6px;
        }

        .ocflite-box--docs a {
            font-size:inherit;
        }

        .ocflite-box--docs ul {
            list-style:none;
            padding:0;
            margin:0;
        }

        .ocflite-box--docs li {
            margin:3px 0;
        }

        /* Reduce space above "Thank you for creating with WordPress" on this plugin page */
        body.toplevel_page_ocflite #wpbody-content {
        padding-bottom: 30px; /* ajuste: 20–40px */
        }