<style>
    .tool-wrapper { background: #f8f9fa; padding: 30px; font-family: 'Segoe UI', Arial, sans-serif; max-width: 1000px; margin: 0 auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
    .tool-title { text-align: center; color: #2c3e50; border-bottom: 2px solid #e9ecef; padding-bottom: 15px; margin-bottom: 25px; font-size: 24px; font-weight: 600; }
    
    /* Grid System Avansat */
    .row { display: flex; gap: 15px; margin-bottom: 15px; flex-wrap: wrap; align-items: flex-end; }
    
    /* Clase pentru lățimi specifice */
    .col { flex: 1; min-width: 150px; } /* Coloana standard */
    .col-wide { flex: 4; min-width: 250px; } /* PENTRU STRADA (Lată) */
    .col-tiny { flex: 0.8; min-width: 60px; } /* PENTRU NR, BL, SC, AP (Înguste) */
    .col-3 { flex: 3; }
    
    /* Card Styles */
    .section-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 20px; margin-bottom: 25px; border-top: 5px solid #555; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
    .sec-head { font-weight: 700; font-size: 15px; text-transform: uppercase; margin-bottom: 15px; border-bottom: 1px dashed #ccc; padding-bottom: 8px; color: #444; letter-spacing: 0.5px; }
    
    /* Inputs */
    label { display: block; font-size: 12px; font-weight: 700; color: #555; margin-bottom: 5px; }
    input, select { width: 100%; padding: 10px; border: 1px solid #ced4da; border-radius: 4px; font-size: 13px; transition: border-color 0.2s; }
    input:focus { border-color: #3498db; outline: none; box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1); }
    
    /* Culori specifice */
    .border-blue { border-top-color: #3498db; }
    .border-green { border-top-color: #27ae60; }
    .border-yellow { border-top-color: #f39c12; }
    .border-red { border-top-color: #c0392b; }
    
    .btn-gen { width: 100%; padding: 18px; background: #2c3e50; color: white; font-size: 18px; font-weight: bold; border: none; cursor: pointer; border-radius: 6px; margin-top: 15px; text-transform: uppercase; transition: background 0.3s; }
    .btn-gen:hover { background: #1a252f; }
    
    .hidden-print-info { font-size: 12px; color: #7f8c8d; margin-top: 10px; text-align: center; background: #ecf0f1; padding: 10px; border-radius: 4px; }
</style>