.form-container {
            max-width: 1200px;
            margin: 0 auto;
            background: #fff;
            padding: 25px;
            border: 1px solid #ccc;
            box-shadow: 0 0 10px rgba(0,0,0,0.05);
        }

        .subtitle {
            text-align: center;
            font-size: 9px;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .table-form {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 15px;
            border: 0px;
        }
        .table-form th {
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            padding-bottom: 8px;
            border: 0px;
            border-bottom: 2px solid #000;
            
        }
        .table-form th.col-name {
            width: 45%;
            text-align: left;
        }
        .table-form th.col-value {
            width: 55%;
            text-align: left;
            padding-left: 15px;
        }
        .table-form td {
            vertical-align: top;
            padding: 6px 0;
            border: 0px;
            border-bottom: 1px solid #ccc;
        }
        .table-form td.col-value {
            padding-left: 15px;
        }
        .section-title {
            font-weight: bold;
            text-transform: uppercase;
            background-color: #f0f4f8;
            padding: 6px 8px;
            margin: 15px 0 5px 0;
            border-left: 3px solid #0056b3;
        }
        .grid-dn {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 6px 5px;
        }
        .grid-2col {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 6px 15px;
        }
        .grid-3col {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 6px 15px;
        }
        .checkbox-item {
            display: flex;
            align-items: center;
            white-space: nowrap;
            cursor: pointer;
        }
        .checkbox-item input[type="checkbox"] {
            margin-right: 5px;
            margin-left: 0;
            cursor: pointer;
        }
        .input-inline {
            display: flex;
            align-items: center;
            gap: 8px;
            width: 100%;
        }
        .input-inline label {
            white-space: nowrap;
        }
        .line-input {
            flex-grow: 1;
            border: none;
            border-bottom: 1px solid #999;
            height: 18px;
            background-color: #f0f4f8;
            padding: 0 5px;
            font-size: 11px;
            font-family: inherit;
        }
        .line-input:focus {
            outline: none;
            background-color: #e2eaf4;
            border-bottom: 1px solid #0056b3;
        }
        .full-width-input {
            width: 100%;
            border: none;
            border-bottom: 1px solid #999;
            height: 18px;
            background-color: #f0f4f8;
            margin-top: 2px;
            padding: 0 5px;
            font-size: 11px;
            font-family: inherit;
            box-sizing: border-box;
        }
        .full-width-input:focus {
            outline: none;
            background-color: #e2eaf4;
            border-bottom: 1px solid #0056b3;
        }
        
        
        
                .grid-dn {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 6px 5px;
        }
        .grid-2col {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 6px 15px;
        }
        .grid-3col {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 6px 15px;
        }
        .grid-flanges {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 6px 5px;
        }
        
        
                .subtitle { text-align: center; font-size: 9px; font-weight: bold; margin-bottom: 20px; }
        .table-form { width: 100%; border-collapse: collapse; margin-bottom: 15px; }
        .table-form th { font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 8px; border-bottom: 2px solid #000; }
        .table-form th.col-name { width: 45%; text-align: left; }
        .table-form th.col-value { width: 55%; text-align: left; padding-left: 15px; }
        .table-form td { vertical-align: middle; padding: 6px 0; border-bottom: 1px solid #ccc; }
        .table-form td.col-value { padding-left: 15px; }
        .section-title { font-weight: bold; text-transform: uppercase; background-color: #f0f4f8; padding: 6px 8px; margin: 15px 0 5px 0; border-left: 3px solid #0056b3; }
        .grid-dn { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px 5px; }
        .grid-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 15px; }
        .grid-3col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px 15px; }
        .grid-flanges { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px 5px; }
        .checkbox-item { display: flex; align-items: center; white-space: nowrap; cursor: pointer; }
        .checkbox-item input[type="checkbox"] { margin-right: 5px; margin-left: 0; cursor: pointer; }
        .input-inline { display: flex; align-items: center; gap: 8px; width: 100%; }
        .input-inline label { white-space: nowrap; }
        .text-input { flex-grow: 1; border: none; border-bottom: 1px solid #999; height: 18px; background-color: #f0f4f8; padding: 0 5px; font-size: 11px; outline: none; box-sizing: border-box; }
        .text-input:focus { background-color: #e8eef5; border-bottom: 1px solid #0056b3; }
        .full-width-input { width: 100%; border: none; border-bottom: 1px solid #999; height: 18px; background-color: #f0f4f8; padding: 0 5px; font-size: 11px; outline: none; box-sizing: border-box; }
        .full-width-input:focus { background-color: #e8eef5; border-bottom: 1px solid #0056b3; }