:root, [data-section="tools"]{
          --tool-ink:#0f172a;           
          --tool-ink-soft:#1e293b;
          --tool-ink-3:#374151; --tool-ink-4:#111827; --tool-ink-5:#334155; --tool-ink-6:#475569;
          --tool-accent:#30c39e;        
          --tool-line:#e2e8f0;
          --tool-line-g:#e5e7eb; --tool-line-2:#f1f5f9; --tool-line-3:#d1d5db; --tool-line-4:#f3f4f6; --tool-line-5:#e0e0e0;
          --tool-muted:#64748b;
          --tool-muted-g:#6b7280; --tool-muted-2:#94a3b8; --tool-muted-2g:#9ca3af; --tool-muted-3:#999;
          --tool-card:#fff;             
          --tool-soft:#f8fafc; --tool-soft-2:#f9fafb; --tool-soft-3:#f3f4f6; --tool-soft-4:#f1f5f9; --tool-soft-teal:#f0fdfa;
          --tool-soft-5:#fbfcfd; --tool-line-6:#cbd5e1;
          --tool-grad-tuile:linear-gradient(#f3fbff,#f0fdfa);    
          --tool-tuile-hover-bg:#f8fbff; --tool-tuile-hover-line:#bfd3f7;    
          --tool-btn-bg:linear-gradient(135deg,#e2ecf9 0%, #dcf2ec 100%); --tool-btn-ink:#1e3a5f; --tool-btn-line:#c9d9ec;    
          --tool-inverse:#0f172a; --tool-inverse-ink:#f1f5f9;    
          --tool-ok:#22c55e; --tool-ok-2:#10b981; --tool-ok-ink:#166534; --tool-ok-bg:#dcfce7;
          --tool-warn:#f59e0b; --tool-warn-ink:#92400e; --tool-warn-bg:#fef3c7;
          --tool-danger:#ef4444; --tool-danger-2:#dc2626; --tool-danger-ink:#991b1b; --tool-danger-bg:#fee2e2;
          --tool-blue-2:#3b82f6; --tool-blue-ink:#1e40af; --tool-blue-ink-2:#1d4ed8; --tool-blue-bg:#dbeafe;
          --tool-indigo-ink:#3730a3; --tool-protect-ink:#0f766e;
          --tool-grad-active:linear-gradient(135deg,#eef4ff 0%, #e6f7f3 100%);
          --tool-grad-ok:linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
          --tool-grad-warn:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
          --tool-grad-blue:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
          --tool-grad-danger:linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
           
          --tool-section:#1e3a5f;       
          --tool-power:#1d4ed8;         
          --tool-vdrop:#0e7490;         
          --tool-protect:#0f766e;       
          --tool-heat:#155e63;          
          --tool-tables:#334155;        
          --tool-formulas:#475569;      
        }
        




        :root[data-theme="dark"], [data-theme="dark"] [data-section="tools"]{
          color-scheme:dark;
          --tool-ink:#eef2f8; --tool-ink-soft:#dde4ef;
          --tool-ink-3:#cdd5e2; --tool-ink-4:#f1f4f9; --tool-ink-5:#d3dbe8; --tool-ink-6:#c2cbdb;
          --tool-line:#2c3b5c; --tool-line-g:#2c3b5c; --tool-line-2:#263450; --tool-line-3:#3b4b6a; --tool-line-4:#263450; --tool-line-5:#2c3b5c;
          --tool-muted:#94a1b8; --tool-muted-g:#94a1b8; --tool-muted-2:#7d8aa1; --tool-muted-2g:#7d8aa1; --tool-muted-3:#7d8aa1;
          --tool-card:#172238;
          --tool-soft:#1d2a44; --tool-soft-2:#1d2a44; --tool-soft-3:#223150; --tool-soft-4:#223150; --tool-soft-teal:#113031;
          --tool-soft-5:#192540; --tool-line-6:#3b4b6a;
          --tool-grad-tuile:linear-gradient(#1e335c,#173d48);
          --tool-tuile-hover-bg:#1b2d4f; --tool-tuile-hover-line:#3b5580;
          --tool-btn-bg:linear-gradient(135deg,#25406b 0%, #1b4854 100%); --tool-btn-ink:#dbe7f7; --tool-btn-line:#37547f;
          --tool-inverse:#e8edf5; --tool-inverse-ink:#0f172a;
          --tool-ok:#4ade80; --tool-ok-2:#34d399; --tool-ok-ink:#86efac; --tool-ok-bg:rgba(34,197,94,.14);
          --tool-warn:#fbbf24; --tool-warn-ink:#fcd34d; --tool-warn-bg:rgba(245,158,11,.14);
          --tool-danger:#f87171; --tool-danger-2:#f87171; --tool-danger-ink:#fca5a5; --tool-danger-bg:rgba(239,68,68,.14);
          --tool-blue-2:#60a5fa; --tool-blue-ink:#93c5fd; --tool-blue-ink-2:#8ab4ff; --tool-blue-bg:rgba(59,130,246,.16);
          --tool-indigo-ink:#a5b4fc; --tool-protect-ink:#5eead4;
          --tool-grad-active:linear-gradient(135deg,#1e335c 0%, #173d48 100%);
          --tool-grad-ok:linear-gradient(135deg, rgba(34,197,94,.18) 0%, rgba(34,197,94,.08) 100%);
          --tool-grad-warn:linear-gradient(135deg, rgba(245,158,11,.20) 0%, rgba(245,158,11,.08) 100%);
          --tool-grad-blue:linear-gradient(135deg, rgba(59,130,246,.22) 0%, rgba(59,130,246,.08) 100%);
          --tool-grad-danger:linear-gradient(135deg, rgba(239,68,68,.20) 0%, rgba(239,68,68,.08) 100%);
          --tool-section:#6e9be0; --tool-power:#6d9eff; --tool-vdrop:#38bdf8; --tool-protect:#2dd4bf;
          --tool-heat:#2fc4b2; --tool-tables:#94a3b8; --tool-formulas:#a3aec2;
        }

         
        

        [data-section="tools"] .calc-tab{
          padding:8px 14px !important; font-size:12.5px !important;
          border:2px solid var(--tool-line) !important;
          background:var(--tool-card) !important;
          color:var(--tool-ink-6) !important;
          font-weight:600;border-radius:9px !important;transition:.15s;
        }
        [data-section="tools"] .calc-tab:hover{ border-color:var(--tool-line-6) !important; background:var(--tool-soft) !important; }
        [data-section="tools"] .calc-tab i{ color:var(--tool-muted-2); transition:.15s; }
         
        [data-section="tools"] .calc-tab.calc-tab-active,
        [data-section="tools"] .calc-tab-active{
          color:var(--tool-ink) !important;
          font-weight:700 !important;
          border:2px solid transparent !important;
          background-image:linear-gradient(var(--tool-card),var(--tool-card)), linear-gradient(135deg,#1d4ed8 0%,#30c39e 100%) !important;
          background-origin:border-box !important;
          background-clip:padding-box, border-box !important;
        }
        [data-section="tools"] .calc-tab.calc-tab-active i,
        [data-section="tools"] .calc-tab-active i{ color:var(--tool-protect) !important; }

         
        [data-section="tools"] .calc-card-header{
          background:var(--tool-card) !important;
          color:var(--tool-ink) !important;
          border-bottom:1px solid var(--tool-line);
          padding:18px 22px !important;
          position:relative;
        }
        [data-section="tools"] .calc-card-header h2{ color:var(--tool-ink) !important; font-size:16px; }
        [data-section="tools"] .calc-card-header p{ color:var(--tool-muted) !important; opacity:1 !important; }
         
        [data-section="tools"] .calc-card-header::before{
          content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tool-section);
        }
         
        [data-section="tools"] #power-calc   .calc-card-header::before{ background:var(--tool-power); }
        [data-section="tools"] #voltage-drop .calc-card-header::before{ background:var(--tool-vdrop); }
        [data-section="tools"] #protection   .calc-card-header::before{ background:var(--tool-protect); }
        [data-section="tools"] #heating      .calc-card-header::before{ background:var(--tool-heat); }
        [data-section="tools"] #power-calc   .calc-card-header h2 i{ color:var(--tool-power); }
        [data-section="tools"] #voltage-drop .calc-card-header h2 i{ color:var(--tool-vdrop); }
        [data-section="tools"] #protection   .calc-card-header h2 i{ color:var(--tool-protect); }
        [data-section="tools"] #heating      .calc-card-header h2 i{ color:var(--tool-heat); }
        [data-section="tools"] #section-calc .calc-card-header h2 i{ color:var(--tool-section); }

         
        [data-section="tools"] .calc-btn{
          background:var(--tool-card) !important;
          color:var(--tool-ink) !important;
          border:2px solid transparent !important;
          border-radius:12px !important;
           
          background-image:linear-gradient(var(--tool-card),var(--tool-card)), linear-gradient(135deg,#1d4ed8 0%,#30c39e 100%) !important;
          background-origin:border-box !important;
          background-clip:padding-box, border-box !important;
          box-shadow:none !important;
          transition:.18s !important;
        }
         
        [data-section="tools"] .calc-btn:hover{
          box-shadow:0 6px 16px rgba(15,23,42,.10) !important;
          transform:translateY(-1px);
        }
        [data-section="tools"] .calc-btn i{ color:var(--tool-protect); }

         
        [data-section="tools"] .tool-objective{
          font-size:12.5px;color:var(--tool-muted);
          background:var(--tool-soft);border:1px solid var(--tool-line);border-radius:10px;
          padding:10px 12px;margin-bottom:16px;display:flex;gap:8px;align-items:flex-start;
        }
        [data-section="tools"] .tool-objective i{ color:var(--tool-accent);margin-top:1px;flex-shrink:0; }

         
        [data-section="tools"] .info-card-header{
          background:var(--tool-soft) !important;color:var(--tool-ink) !important;
          border-bottom:1px solid var(--tool-line);font-size:13px;
        }
        [data-section="tools"] .info-card-header i{ color:var(--tool-accent); }
        [data-section="tools"] .result-kpi.highlight{
          background:var(--tool-soft-teal) !important;border-color:#99f6e4 !important;
        }
        [data-section="tools"] .result-kpi.highlight .result-kpi-value{ color:var(--tool-protect) !important; }
         
        [data-section="tools"] .ref-table-header{
          background:var(--tool-soft) !important;
          color:var(--tool-ink) !important;
          border-bottom:1px solid var(--tool-line) !important;
        }
        [data-section="tools"] .ref-table-header i{ color:var(--tool-protect) !important; }
        [data-section="tools"] .formula-item{
          background:var(--tool-soft) !important;border:1px solid var(--tool-line);
        }
        [data-section="tools"] .formula-expression{ color:var(--tool-ink) !important; }
        [data-section="tools"] .recommendations{
          background:var(--tool-soft) !important;border-left-color:var(--tool-accent) !important;
        }
        [data-section="tools"] .recommendations-title{ color:var(--tool-ink) !important; }
        [data-section="tools"] .recommendation-item{ color:var(--tool-ink-5) !important; }
        [data-section="tools"] .recommendation-item i{ color:var(--tool-accent); }

         
        [data-section="tools"] .tool-advanced{ display:none !important; }
        [data-section="tools"] .tool-advanced.open{ display:grid !important; margin-top:10px; }
        [data-section="tools"] .tool-advanced.open.tool-block{ display:block !important; }
        [data-section="tools"] .tool-toggle{
          font-size:12.5px;font-weight:600;color:var(--tool-protect);
          cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin:4px 0 14px;
          background:none;border:0;padding:0;
        }
        [data-section="tools"] .tool-toggle:hover{ color:var(--tool-ink); }

         
         
        [data-section="tools"] .circuit-type-btn.active{
          border:2px solid transparent !important;
          background-image:linear-gradient(#f0fdfa,#f0fdfa), linear-gradient(135deg,#1d4ed8 0%,#30c39e 100%) !important;
          background-origin:border-box !important;
          background-clip:padding-box, border-box !important;
        }
        [data-section="tools"] .circuit-type-btn.active i,
        [data-section="tools"] .circuit-type-btn.active span{ color:var(--tool-ink) !important; }
        [data-section="tools"] .circuit-type-btn:hover{ border-color:var(--tool-line-6) !important; }

         
        [data-section="tools"] .form-group input:focus,
        [data-section="tools"] .form-group select:focus,
        [data-section="tools"] .input-with-unit input:focus{
          border-color:var(--tool-accent) !important;
          box-shadow:0 0 0 3px rgba(48,195,158,.15) !important;
        }
        [data-section="tools"] .input-unit, [data-section="tools"] .form-group label i{ color:var(--tool-muted) !important; }

         
        [data-section="tools"] .results-placeholder i{ color:#cbd5e1 !important; }
         
        [data-section="tools"] .formula-item .formula-expression{ color:var(--tool-ink) !important; }
        



         
        

         
        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

         
        

        

        

        

        

        
        
        
        

        
        
        

         
        [data-section="tools"] .calc-main-content {
            padding: 30px;
            overflow-y: auto;
        }

        [data-section="tools"] .content-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 25px;
        }

        [data-section="tools"] .content-header h1 {
            font-size: 2em;
            color: var(--tool-ink-soft);
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .content-header h1 i { color: #667eea; }

        [data-section="tools"] .content-header p {
            color: var(--tool-muted);
            font-size: 14px;
            margin-top: 5px;
        }

        [data-section="tools"] .header-actions {
            display: flex;
            gap: 10px;
        }

        [data-section="tools"] .action-btn {
            padding: 10px 18px;
            border: none;
            border-radius: 10px;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        [data-section="tools"] .action-btn.primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
        }

        [data-section="tools"] .action-btn.secondary {
            background: var(--tool-card);
            color: var(--tool-muted);
            border: 2px solid var(--tool-line);
        }

        [data-section="tools"] .action-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }

         
        [data-section="tools"] .tab-panel {
            display: none;
            animation: fadeIn 0.3s ease;
        }

        .tab-panel.active { display: block; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

         
        [data-section="tools"] .calc-container {
            display: grid;
            grid-template-columns: 1fr 400px;
            gap: 25px;
        }

        




        @media (max-width: 1200px) {
            [data-section="tools"] .calc-container { grid-template-columns: 1fr; }
        }

        [data-section="tools"] .calc-card {
            background: var(--tool-card);
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        }
        [data-section="tools"] .calc-card-body {
            padding: 22px 30px 24px;
        }
        [data-section="tools"] .calc-main-content {
            padding: 0;
        }

        [data-section="tools"] .calc-card-header {
            padding: 20px 25px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
        }

        [data-section="tools"] .calc-card-header h2 {
            font-size: 18px;
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 5px;
        }

        [data-section="tools"] .calc-card-header p {
            font-size: 13px;
            opacity: 0.9;
        }

         
        [data-section="tools"] .form-section {
            margin-bottom: 25px;
        }

        [data-section="tools"] .form-section-title {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--tool-muted);
            margin-bottom: 15px;
            padding-bottom: 8px;
            border-bottom: 2px solid var(--tool-line-2);
        }

        [data-section="tools"] .form-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
        }

        [data-section="tools"] .form-grid.three-cols {
            grid-template-columns: repeat(3, 1fr);
        }

        [data-section="tools"] .form-group {
            display: flex;
            flex-direction: column;
            gap: 6px;
        }

        [data-section="tools"] .form-group.full-width {
            grid-column: span 2;
        }

        [data-section="tools"] .form-group label {
            font-size: 13px;
            font-weight: 600;
            color: var(--tool-ink-5);
            display: flex;
            align-items: center;
            gap: 6px;
        }

        [data-section="tools"] .form-group label i {
            color: #667eea;
            font-size: 12px;
        }

        .form-group input,
        [data-section="tools"] .form-group select {
            padding: 12px 15px;
            border: 2px solid var(--tool-line);
            border-radius: 10px;
            font-size: 14px;
            transition: all 0.2s;
            background: var(--tool-soft);
        }

        .form-group input:focus,
        [data-section="tools"] .form-group select:focus {
            outline: none;
            border-color: #667eea;
            background: var(--tool-card);
            box-shadow: 0 0 0 4px rgba(102,126,234,0.1);
        }

        [data-section="tools"] .form-group input::placeholder {
            color: var(--tool-muted-2);
        }

        [data-section="tools"] .input-with-unit {
            position: relative;
        }

        [data-section="tools"] .input-with-unit input {
            padding-right: 50px;
        }

        [data-section="tools"] .input-unit {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 13px;
            color: var(--tool-muted);
            font-weight: 600;
        }

         
        [data-section="tools"] .circuit-type-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
            margin-bottom: 20px;
        }

        [data-section="tools"] .circuit-type-btn {
            padding: 15px 10px;
            border: 2px solid var(--tool-line);
            border-radius: 12px;
            background: var(--tool-card);
            cursor: pointer;
            transition: all 0.2s;
            text-align: center;
        }

        [data-section="tools"] .circuit-type-btn:hover {
            border-color: #667eea;
            background: var(--tool-soft);
        }

        [data-section="tools"] .circuit-type-btn.active {
            border-color: #667eea;
            background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
        }

        [data-section="tools"] .circuit-type-btn i {
            font-size: 22px;
            margin-bottom: 6px;
            display: block;
        }

        .circuit-type-btn.active i { color: #667eea; }

        [data-section="tools"] .circuit-type-btn span {
            font-size: 11px;
            font-weight: 600;
            color: var(--tool-muted);
        }

        .circuit-type-btn.active span { color: #667eea; }

         
        [data-section="tools"] .calc-btn {
            width: 100%;
            padding: 16px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            border-radius: 12px;
            font-size: 15px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        [data-section="tools"] .calc-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(102,126,234,0.4);
        }

        [data-section="tools"] .calc-btn:active {
            transform: translateY(0);
        }

        [data-section="tools"] .calc-btn i {
            font-size: 18px;
        }

         
        [data-section="tools"] .results-panel {
            background: var(--tool-card);
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        }

        [data-section="tools"] .results-header {
            padding: 18px 20px;
            background: var(--tool-soft);
            border-bottom: 2px solid var(--tool-line);
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        [data-section="tools"] .results-header h3 {
            font-size: 15px;
            color: var(--tool-ink-5);
            display: flex;
            align-items: center;
            gap: 8px;
        }

        [data-section="tools"] .results-header h3 i { color: #667eea; }

        [data-section="tools"] .results-body {
            padding: 20px;
        }

        [data-section="tools"] .results-status {
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 11px;
            font-weight: 700;
        }

        [data-section="tools"] .results-status.success { background: var(--tool-ok-bg); color: var(--tool-ok-ink); }
        [data-section="tools"] .results-status.warning { background: var(--tool-warn-bg); color: var(--tool-warn-ink); }
        [data-section="tools"] .results-status.error { background: var(--tool-danger-bg); color: var(--tool-danger-ink); }

        [data-section="tools"] .results-placeholder {
            text-align: center;
            padding: 40px 20px;
            color: var(--tool-muted-2);
        }

        [data-section="tools"] .results-placeholder i {
            font-size: 48px;
            margin-bottom: 15px;
            opacity: 0.5;
        }

        [data-section="tools"] .results-placeholder p {
            font-size: 14px;
        }

         
        [data-section="tools"] .result-kpi-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            margin-bottom: 20px;
        }

        [data-section="tools"] .result-kpi {
            padding: 15px;
            border-radius: 12px;
            background: var(--tool-soft);
            border: 1px solid var(--tool-line);
            text-align: center;
        }

        [data-section="tools"] .result-kpi.highlight {
            background: var(--tool-grad-blue);
            border-color: #3b82f6;
        }

        [data-section="tools"] .result-kpi.success {
            background: var(--tool-grad-ok);
            border-color: var(--tool-ok);
        }

        [data-section="tools"] .result-kpi.warning {
            background: var(--tool-grad-warn);
            border-color: var(--tool-warn);
        }

        [data-section="tools"] .result-kpi-label {
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--tool-muted);
            margin-bottom: 5px;
        }

        [data-section="tools"] .result-kpi-value {
            font-size: 24px;
            font-weight: 800;
            color: var(--tool-ink-soft);
        }

        .result-kpi.highlight .result-kpi-value { color: var(--tool-blue-ink-2); }
        .result-kpi.success .result-kpi-value { color: var(--tool-ok-ink); }
        .result-kpi.warning .result-kpi-value { color: var(--tool-warn-ink); }

        [data-section="tools"] .result-kpi-unit {
            font-size: 14px;
            font-weight: 600;
        }

         
        [data-section="tools"] .result-details {
            background: var(--tool-soft);
            border-radius: 12px;
            padding: 15px;
            margin-bottom: 15px;
        }

        [data-section="tools"] .result-details-title {
            font-size: 12px;
            font-weight: 700;
            color: var(--tool-ink-5);
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .result-details-title i { color: #667eea; }

        [data-section="tools"] .result-detail-row {
            display: flex;
            justify-content: space-between;
            



            gap: 16px;
            align-items: baseline;
            padding: 8px 0;
            border-bottom: 1px solid var(--tool-line);
            font-size: 13px;
        }

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

        .result-detail-label { color: var(--tool-muted); flex-shrink: 0; }
        .result-detail-value { font-weight: 600; color: var(--tool-ink-soft); text-align: right; }

         
        [data-section="tools"] .voltage-drop-visual {
            margin-bottom: 15px;
        }

        [data-section="tools"] .voltage-drop-bar {
            height: 24px;
            background: var(--tool-line);
            border-radius: 12px;
            overflow: hidden;
            position: relative;
            margin-bottom: 8px;
        }

        [data-section="tools"] .voltage-drop-fill {
            height: 100%;
            border-radius: 12px;
            transition: width 0.5s ease;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding-right: 10px;
            font-size: 11px;
            font-weight: 700;
            color: white;
        }

        .voltage-drop-fill.ok { background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%); }
        .voltage-drop-fill.warning { background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%); }
        .voltage-drop-fill.danger { background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%); }

        [data-section="tools"] .voltage-drop-limits {
            display: flex;
            justify-content: space-between;
            font-size: 10px;
            color: var(--tool-muted);
        }

         
        [data-section="tools"] .recommendations {
            background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
            border-radius: 12px;
            padding: 15px;
            border-left: 4px solid #3b82f6;
        }

        [data-section="tools"] .recommendations-title {
            font-size: 12px;
            font-weight: 700;
            color: var(--tool-blue-ink);
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        [data-section="tools"] .recommendation-item {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            font-size: 13px;
            color: var(--tool-blue-ink);
            padding: 5px 0;
        }

        .recommendation-item i { margin-top: 2px; }

         
        [data-section="tools"] .warnings-list {
            margin-top: 15px;
        }

        [data-section="tools"] .warning-item {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            padding: 12px;
            background: #fff7ed;
            border-radius: 10px;
            border-left: 3px solid var(--tool-warn);
            margin-bottom: 10px;
        }

        [data-section="tools"] .warning-item i {
            color: var(--tool-warn);
            margin-top: 2px;
        }

        [data-section="tools"] .warning-item span {
            font-size: 13px;
            color: #9a3412;
        }

         
        [data-section="tools"] .ref-tables-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        [data-section="tools"] .ref-table-card {
            background: var(--tool-card);
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }

        [data-section="tools"] .ref-table-header {
            padding: 15px 20px;
            background: var(--tool-soft);
            color: var(--tool-ink);
            border-bottom: 1px solid var(--tool-line);
            font-size: 14px;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        [data-section="tools"] .ref-table {
            width: 100%;
            border-collapse: collapse;
        }

        [data-section="tools"] .ref-table th {
            padding: 12px 15px;
            text-align: left;
            background: var(--tool-soft);
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--tool-muted);
            font-weight: 600;
        }

        [data-section="tools"] .ref-table td {
            padding: 12px 15px;
            border-bottom: 1px solid var(--tool-line-2);
            font-size: 13px;
            color: var(--tool-ink-5);
        }

        .ref-table tr:hover { background: var(--tool-soft); }

        

        [data-section="tools"] .ref-table .highlight-cell {
            background: none;
            font-weight: 700;
            color: var(--tool-ink);
            border-radius: 0;
            padding: 0;
        }

         
        [data-section="tools"] .formulas-card {
            background: var(--tool-card);
            border-radius: 16px;
            padding: 25px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            margin-bottom: 25px;
        }

        [data-section="tools"] .formulas-card h3 {
            font-size: 16px;
            color: var(--tool-ink-soft);
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .formulas-card h3 i { color: #667eea; }

        [data-section="tools"] .formula-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        [data-section="tools"] .formula-item {
            padding: 18px 16px;
            background: var(--tool-soft);
            border: 2px solid #94a3b8;           
            border-radius: 12px;
            text-align: center;
            transition: border-color .18s ease, box-shadow .18s ease;
        }
        [data-section="tools"] .formula-item:hover {
            border-color: var(--tool-accent);
            box-shadow: 0 4px 12px rgba(15,23,42,.07);
        }
         
        [data-section="tools"] .formula-cat-title {
            position: relative;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 1.1px;
            text-transform: uppercase;
            color: var(--tool-ink);
            margin: 22px 0 14px;
            padding-bottom: 9px;
            border-bottom: 1px solid var(--tool-line);
        }
        [data-section="tools"] .formula-cat-title:first-of-type { margin-top: 6px; }
        [data-section="tools"] .formula-cat-title::after {
            content: ""; position: absolute; left: 0; bottom: -1px;
            width: 44px; height: 3px; border-radius: 2px;
            background: linear-gradient(90deg,#1d4ed8 0%, var(--tool-accent) 100%);
        }
         
        [data-section="tools"] .formula-item.is-clickable { cursor: pointer; }
        [data-section="tools"] .formula-legend { display: none; }
         
        [data-section="tools"] .formula-item.expanded {
            grid-column: 1 / -1;
            border-color: transparent;
            background:
              var(--tool-grad-tuile) padding-box,
              linear-gradient(135deg,#1d4ed8 0%, #1a8fc1 55%, var(--tool-accent) 100%) border-box;
            border: 2.5px solid transparent;           
            box-shadow: 0 10px 26px rgba(26,143,193,.20);
        }
        [data-section="tools"] .formula-item.expanded .formula-expression { font-size: 20px; }
        [data-section="tools"] .formula-item.expanded .formula-name { font-size: 13px; margin-bottom: 14px; }
        [data-section="tools"] .formula-item.expanded .formula-legend {
            display: block;
            margin-top: 16px;
            padding-top: 14px;
            border-top: 1px dashed var(--tool-line-6);
            text-align: left;
        }
        [data-section="tools"] .formula-legend-row {
            display: flex; align-items: baseline; gap: 12px;
            padding: 5px 0;
        }
        [data-section="tools"] .formula-legend-row .fl-sym {
            flex-shrink: 0; min-width: 56px;
            font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
            font-weight: 800; font-size: 14px;
            color: var(--tool-blue-ink-2);
        }
        [data-section="tools"] .formula-legend-row .fl-def {
            font-size: 13px; color: var(--tool-ink-soft);
        }
         
        [data-section="tools"] .legend-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2px 28px;
        }
        @media (max-width: 700px) {
            [data-section="tools"] .legend-grid { grid-template-columns: 1fr; }
        }
        [data-section="tools"] .legend-row {
            display: grid;
            grid-template-columns: 56px 1fr;
            align-items: baseline;
            gap: 10px;
            padding: 7px 0;
            border-bottom: 1px solid var(--tool-line-2);
        }
        [data-section="tools"] .legend-row .lg-sym {
            font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
            font-weight: 800;
            font-size: 14px;
            color: var(--tool-blue-ink-2);
            text-align: right;
        }
        [data-section="tools"] .legend-row .lg-def {
            font-size: 13px;
            color: var(--tool-ink-soft);
            line-height: 1.35;
        }

        [data-section="tools"] .formula-name {
            font-size: 12px;
            color: var(--tool-muted);
            margin-bottom: 10px;
        }

        [data-section="tools"] .formula-expression {
            font-size: 15px;
            font-weight: 700;
            color: var(--tool-ink);
            font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
        }

         
        [data-section="tools"] .info-card {
            background: var(--tool-card);
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            margin-bottom: 20px;
        }

        [data-section="tools"] .info-card-header {
            padding: 15px 20px;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .info-card-header.blue { background: var(--tool-grad-blue); color: var(--tool-blue-ink); }
        .info-card-header.orange { background: var(--tool-grad-warn); color: var(--tool-warn-ink); }
        .info-card-header.green { background: var(--tool-grad-ok); color: var(--tool-ok-ink); }

        [data-section="tools"] .info-card-content {
            padding: 20px;
        }

        [data-section="tools"] .info-list {
            list-style: none;
        }

        [data-section="tools"] .info-list li {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            padding: 8px 0;
            border-bottom: 1px solid var(--tool-line-2);
            font-size: 13px;
            color: var(--tool-ink-6);
        }

        .info-list li:last-child { border-bottom: none; }
        .info-list li i { color: var(--tool-ok); margin-top: 2px; }

         
        








        @media (max-width: 1200px) {
            [data-section="tools"] .formula-grid { grid-template-columns: 1fr; }
            [data-section="tools"] .ref-tables-grid { grid-template-columns: 1fr; }
            

            [data-section="tools"] .info-cards-grid { grid-template-columns: 1fr !important; }
        }

        @media (max-width: 768px) {
            [data-section="tools"] .form-grid,
            [data-section="tools"] .form-grid.three-cols { grid-template-columns: 1fr; }
            [data-section="tools"] .circuit-type-grid { grid-template-columns: repeat(2, 1fr); }
            [data-section="tools"] .result-kpi-grid { grid-template-columns: 1fr; }
            


            [data-section="tools"] .limites-grid { grid-template-columns: 1fr !important; }
        }

         
        

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

        [data-section="tools"] .calc-main-content {
          padding: 0 4px 24px 4px;
          overflow-y: visible;
        }

        











         
        [data-section="tools"] .circuit-type-grid{ gap:12px !important; }
        [data-section="tools"] .circuit-type-btn{
          position:relative;
          padding:16px 10px 14px !important;
          border:2px solid var(--tool-line-6) !important;           
          border-radius:14px !important;
          background:var(--tool-card) !important;
          background-image:none !important;             
          box-shadow:0 1px 3px rgba(15,23,42,.07);
          overflow:hidden;
          transition:border-color .18s ease, box-shadow .18s ease,
                     transform .18s ease, background-color .18s ease !important;
        }
         
        [data-section="tools"] .circuit-type-btn::before{
          content:"";position:absolute;top:0;left:0;right:0;height:3px;
          background:linear-gradient(90deg,#1d4ed8 0%, #1a8fc1 50%, var(--tool-accent) 100%);
          opacity:0;transition:opacity .18s ease;
        }
        [data-section="tools"] .circuit-type-btn:hover{
          border-color:var(--tool-tuile-hover-line) !important;
          background:var(--tool-tuile-hover-bg) !important;
          box-shadow:0 4px 12px rgba(29,78,216,.10);
          transform:translateY(-1px);
        }
        [data-section="tools"] .circuit-type-btn:hover::before{ opacity:.55; }
         
        [data-section="tools"] .circuit-type-btn.active{
          border:2px solid transparent !important;
          background-image:
            var(--tool-grad-tuile),
            linear-gradient(135deg,#1d4ed8 0%, #1a8fc1 55%, var(--tool-accent) 100%) !important;
          background-origin:border-box !important;
          background-clip:padding-box, border-box !important;
          box-shadow:0 6px 16px rgba(26,143,193,.14) !important;
          transform:none;
        }
        [data-section="tools"] .circuit-type-btn.active::before{ opacity:1; }
         
        [data-section="tools"] .circuit-type-btn i{
          display:block !important;font-size:22px !important;margin-bottom:8px !important;
          color:var(--tool-accent) !important;transition:color .18s ease;
        }
        [data-section="tools"] .circuit-type-btn:hover i{ color:#1a8fc1 !important; }
        [data-section="tools"] .circuit-type-btn.active i{ color:var(--tool-blue-ink-2) !important; }
         
        [data-section="tools"] .circuit-type-btn span{
          font-size:11px !important;font-weight:700 !important;letter-spacing:.2px;
          color:var(--tool-muted) !important;
        }
        [data-section="tools"] .circuit-type-btn.active span{ color:var(--tool-ink) !important; }

         
        [data-section="tools"] .form-section-title{
          position:relative;
          font-size:12px !important;font-weight:800 !important;letter-spacing:1.1px !important;
          color:var(--tool-ink) !important;
          padding-bottom:10px !important;
          border-bottom:1px solid var(--tool-line) !important;
          margin-bottom:16px !important;
        }
        [data-section="tools"] .form-section-title::after{
          content:"";position:absolute;left:0;bottom:-1px;
          width:44px;height:3px;border-radius:2px;
          background:linear-gradient(90deg,#1d4ed8 0%, var(--tool-accent) 100%);
        }
        [data-section="tools"] .form-section-title i{
          color:var(--tool-accent) !important;margin-right:6px;font-size:12px !important;
        }

         
        [data-section="tools"] .form-group label{
          font-size:13px !important;font-weight:600 !important;color:var(--tool-ink-soft) !important;
        }
        



        [data-section="tools"] .form-group label i,
        [data-section="tools"] .form-section-title > i,
        [data-section="tools"] .form-section-title i.fas,
        [data-section="tools"] .calc-btn i,
        [data-section="tools"] .ref-table-header i,
        [data-section="tools"] .info-card-header i,
        [data-section="tools"] .formulas-card h3 i{ display:none !important; }
        

        [data-section="tools"] .results-placeholder{ display:none !important; }
        [data-section="tools"] .form-group input,
        [data-section="tools"] .form-group select,
        [data-section="tools"] .input-with-unit input{
          box-sizing:border-box !important;
          width:100% !important;                 
          height:46px !important;                
          padding:0 14px !important;             
          border:1.5px solid var(--tool-line) !important;
          border-radius:11px !important;
          font-size:14px !important;
          line-height:normal !important;
          background:var(--tool-soft) !important;
          color:var(--tool-ink) !important;
          box-shadow:inset 0 1px 2px rgba(15,23,42,.025);
          transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
        }
         
        [data-section="tools"] .form-group select{
          -webkit-appearance:auto; appearance:auto;
          padding-right:10px !important;
        }
        [data-section="tools"] .form-group input:hover,
        [data-section="tools"] .form-group select:hover,
        [data-section="tools"] .input-with-unit input:hover{
          border-color:var(--tool-line-6) !important;background:var(--tool-card) !important;
        }
        [data-section="tools"] .form-group input:focus,
        [data-section="tools"] .form-group select:focus,
        [data-section="tools"] .input-with-unit input:focus{
          outline:none !important;
          border-color:var(--tool-accent) !important;
          background:var(--tool-card) !important;
          box-shadow:0 0 0 3px rgba(48,195,158,.16) !important;
        }
        [data-section="tools"] .form-group input::placeholder{ color:var(--tool-muted-2) !important; }

         
        

        [data-section="tools"] .input-with-unit input[type=number]{
          -moz-appearance:textfield;             
        }
        [data-section="tools"] .input-with-unit input[type=number]::-webkit-outer-spin-button,
        [data-section="tools"] .input-with-unit input[type=number]::-webkit-inner-spin-button{
          -webkit-appearance:none; margin:0;     
        }
        [data-section="tools"] .input-with-unit input{ padding-right:44px !important; }
        [data-section="tools"] .input-unit{
          right:10px !important;
          display:inline-flex;align-items:center;height:24px;padding:0 9px;
          font-size:12px !important;font-weight:700 !important;
          color:var(--tool-protect) !important;
          background:var(--tool-soft-teal);border-radius:7px;pointer-events:none;
        }

         
        [data-section="tools"] .results-header{
          padding:16px 20px !important;
          background:linear-gradient(135deg, rgba(29,78,216,.06) 0%, rgba(48,195,158,.10) 100%) !important;
          border-bottom:1px solid var(--tool-line) !important;
        }
        [data-section="tools"] .results-header h3{
          font-size:15px !important;font-weight:700 !important;color:var(--tool-ink) !important;
        }
        [data-section="tools"] .results-header h3 i{ color:var(--tool-protect) !important; }

        

        [data-section="tools"] .result-kpi{
          padding:15px !important;border-radius:12px !important;
          background:var(--tool-soft) !important;border:1px solid var(--tool-line) !important;
          text-align:center;transition:box-shadow .18s ease, transform .18s ease;
        }
        [data-section="tools"] .result-kpi:hover{ box-shadow:0 4px 12px rgba(15,23,42,.06); }
        [data-section="tools"] .result-kpi.highlight{
          background:var(--tool-grad-active) !important;
          background-image:var(--tool-grad-active) !important;
          border-color:#1a8fc1 !important;
        }
        [data-section="tools"] .result-kpi.highlight .result-kpi-value{ color:var(--tool-blue-ink-2) !important; }
        [data-section="tools"] .result-kpi-label{
          font-size:10px !important;letter-spacing:.6px;color:var(--tool-muted) !important;
        }
        [data-section="tools"] .result-kpi-value{
          font-size:24px !important;font-weight:800 !important;color:var(--tool-ink) !important;
        }
         

        


        

        [data-section="tools"] .oi, .oi{ display:inline-flex; align-items:center; justify-content:center; line-height:1; flex-shrink:0; }
        [data-section="tools"] .oi svg, .oi svg{
          width:1em; height:1em; stroke:currentColor; fill:none;
          stroke-width:2; stroke-linecap:round; stroke-linejoin:round; display:block;
        }
        [data-section="tools"] .circuit-type-btn .oi{ margin:0 auto 4px; }
        [data-section="tools"] .circuit-type-btn .oi svg{ stroke-width:1.75; }

        


        [data-section="tools"] .calc-btn{
          background:var(--tool-btn-bg) !important;
          background-image:var(--tool-btn-bg) !important;
          color:var(--tool-btn-ink) !important; border:1px solid var(--tool-btn-line) !important;
          box-shadow:0 4px 14px rgba(15,23,42,.06) !important;
          transition:transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
        }
        [data-section="tools"] .calc-btn:hover{ filter:brightness(.985); box-shadow:0 8px 20px rgba(15,23,42,.10) !important; transform:translateY(-1px); }
        [data-section="tools"] .calc-btn:active{ transform:translateY(0) scale(.995); box-shadow:0 3px 10px rgba(15,23,42,.08) !important; }
        [data-section="tools"] .calc-btn:focus-visible{ outline:3px solid rgba(48,195,158,.45); outline-offset:2px; }

         
        [data-section="tools"] .result-kpi-label{ font-size:11.5px !important; letter-spacing:.4px; font-weight:600; }
        [data-section="tools"] .result-kpi-value{ font-size:26px !important; letter-spacing:-.3px; }
        [data-section="tools"] .result-kpi.highlight .result-kpi-value{ font-size:30px !important; }
        [data-section="tools"] .result-kpi-unit{ font-size:14px; font-weight:600; color:var(--tool-muted); margin-left:2px; }
        [data-section="tools"] .result-kpi-value.is-texte{ font-size:20px !important; }

         
        [data-section="tools"] .results-body > *{ animation:oiPose .28s cubic-bezier(.2,.7,.2,1) both; }
        [data-section="tools"] .results-body > *:nth-child(2){ animation-delay:.05s; }
        [data-section="tools"] .results-body > *:nth-child(3){ animation-delay:.10s; }
        [data-section="tools"] .results-body > *:nth-child(4){ animation-delay:.15s; }
        @keyframes oiPose{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }
        [data-section="tools"] .circuit-type-btn{ transition:transform .12s ease, border-color .15s ease, box-shadow .15s ease !important; }
        [data-section="tools"] .circuit-type-btn:active{ transform:scale(.97); }
        [data-section="tools"] .calc-tab{ transition:color .15s ease, border-color .15s ease, background .15s ease, transform .12s ease !important; }
        [data-section="tools"] .calc-tab:active{ transform:scale(.98); }
        [data-section="tools"] .results-status{ animation:oiPop .25s cubic-bezier(.2,.9,.3,1.3) both; }
        @keyframes oiPop{ from{ opacity:0; transform:scale(.85); } to{ opacity:1; transform:none; } }
        @media (prefers-reduced-motion: reduce){
          [data-section="tools"] .results-body > *, [data-section="tools"] .results-status{ animation:none !important; }
          [data-section="tools"] .circuit-type-btn, [data-section="tools"] .calc-tab, [data-section="tools"] .calc-btn{ transition:none !important; }
        }

         
        [data-section="tools"] .form-avance{ margin-top:12px; border:1px dashed var(--tool-line); border-radius:12px; padding:0 14px; background:var(--tool-soft-5); }
        [data-section="tools"] .form-avance[open]{ padding-bottom:14px; background:var(--tool-card); border-style:solid; }
        [data-section="tools"] .form-avance summary{
          list-style:none; cursor:pointer; user-select:none; display:flex; align-items:center; gap:8px;
          padding:11px 0; font-size:13px; font-weight:700; color:var(--tool-muted); letter-spacing:.2px;
        }
        [data-section="tools"] .form-avance summary::-webkit-details-marker{ display:none; }
        [data-section="tools"] .form-avance summary::after{
          content:""; margin-left:auto; width:10px; height:10px; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
          transform:rotate(45deg) translateY(-3px); transition:transform .18s ease;
        }
        [data-section="tools"] .form-avance[open] summary::after{ transform:rotate(-135deg) translateY(-2px); }
        [data-section="tools"] .form-avance summary .oi{ color:var(--tool-accent); font-size:14px; }
        [data-section="tools"] .form-avance summary:hover{ color:var(--tool-ink); }
        [data-section="tools"] .form-avance-resume{ font-weight:500; color:var(--tool-muted-2); margin-left:4px; }
        [data-section="tools"] .form-avance .form-grid{ margin-top:2px; }

         
        [data-section="tools"] .form-section-title--mode{
          display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
          padding-bottom:8px !important;
        }
        [data-section="tools"] .mode-seg{
          display:inline-flex; gap:3px; padding:3px;
          background:var(--tool-soft-4); border:1px solid var(--tool-line); border-radius:10px;
          text-transform:none; letter-spacing:0;
        }
        [data-section="tools"] .mode-seg-btn{
          padding:5px 13px; border:0; border-radius:7px; background:transparent;
          font:inherit; font-size:12.5px; font-weight:600; letter-spacing:0; color:var(--tool-muted); cursor:pointer;
          transition:background .15s, color .15s, box-shadow .15s;
        }
        [data-section="tools"] .mode-seg-btn:hover{ color:var(--tool-ink); }
        [data-section="tools"] .mode-seg-btn.is-active{ background:var(--tool-card); color:var(--tool-ink); box-shadow:0 1px 3px rgba(15,23,42,.10), 0 0 0 1px var(--tool-line); }
        [data-section="tools"] .mode-seg-btn:focus-visible{ outline:2px solid rgba(48,195,158,.5); outline-offset:1px; }
        [data-section="tools"] .form-group.is-hidden{ display:none !important; }

         
        [data-section="tools"] .rooms-list{ display:flex; flex-direction:column; gap:8px; margin-bottom:10px; }
        [data-section="tools"] .rooms-row{ display:grid; grid-template-columns:1fr 132px 36px; gap:8px; align-items:center; }
        [data-section="tools"] .rooms-row .input-with-unit{ margin:0; }
        [data-section="tools"] .rooms-del{ width:36px; height:36px; border-radius:9px; border:1px solid var(--tool-line); background:var(--tool-card); color:var(--tool-muted); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; font-size:15px; }
        [data-section="tools"] .rooms-del:hover{ color:var(--tool-danger); border-color:var(--tool-danger); }
        [data-section="tools"] .rooms-add{ display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border-radius:9px; border:1px dashed var(--tool-line-6); background:var(--tool-soft-5); color:var(--tool-ink-soft); font:inherit; font-size:13px; font-weight:600; cursor:pointer; }
        [data-section="tools"] .rooms-add:hover{ border-color:var(--tool-accent); color:var(--tool-ink); }
        [data-section="tools"] .rooms-checks{ display:grid; grid-template-columns:1fr 1fr; gap:6px 14px; }
        [data-section="tools"] .rooms-check{ display:flex; align-items:center; gap:9px; font-size:13.5px; font-weight:600; color:var(--tool-ink-soft); cursor:pointer; padding:6px 0; }
        [data-section="tools"] .rooms-check input{ width:17px; height:17px; accent-color:var(--tool-accent); margin:0; }
        [data-section="tools"] .rooms-check small{ font-weight:500; color:var(--tool-muted); }
        @media (max-width:768px){ [data-section="tools"] .rooms-checks{ grid-template-columns:1fr; } [data-section="tools"] .rooms-row{ grid-template-columns:1fr 110px 36px; } }

         
        [data-section="tools"] .aide{
          width:18px; height:18px; border-radius:50%; margin-left:6px; flex-shrink:0;
          border:1.5px solid var(--tool-line-6); background:var(--tool-card); color:var(--tool-muted);
          font:700 11px/1 inherit; cursor:pointer; display:inline-flex; align-items:center; justify-content:center;
          transition:color .15s, border-color .15s, background .15s;
        }
        [data-section="tools"] .aide:hover, [data-section="tools"] .aide.is-open{ color:#fff; background:var(--tool-accent); border-color:var(--tool-accent); }
        [data-section="tools"] .aide:focus-visible{ outline:2px solid rgba(48,195,158,.5); outline-offset:2px; }
        .aide-bulle{
          position:fixed; z-index:1300; max-width:320px; padding:12px 14px; border-radius:12px;
          background:var(--tool-inverse); color:var(--tool-inverse-ink); font-size:13px; line-height:1.5;
          box-shadow:0 12px 32px rgba(15,23,42,.28); animation:obSelIn .12s ease-out;
          font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
        }
        .aide-bulle b{ color:#7fe3c6; }
        .aide-bulle[hidden]{ display:none; }

         
        .ob-sel-opt.is-active::before{
          content:""; font-family:inherit; width:12px; height:12px;
          background:#30c39e;
          -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%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='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
        }
        

        [data-section="tools"] .result-kpi-value.is-texte{
          font-size:19px !important; line-height:1.25; white-space:nowrap;
        }
        [data-section="tools"] .result-kpi-value.is-texte .result-kpi-unit{ font-size:12px; }

        




         
        @media (min-width: 769px) and (max-width: 1200px) {
          [data-section="tools"] .calc-tabs{
            display:grid !important; grid-template-columns:repeat(4, 1fr) !important;
            gap:6px !important; margin-bottom:10px !important;
          }
          [data-section="tools"] .calc-tab{
            padding:7px 10px !important; font-size:12.5px !important;
            justify-content:center; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
          }
        }

        @media (min-width: 1201px) {
          

          

          [data-section="tools"] .calc-tabs{
            display:grid !important; grid-template-columns:repeat(6, 1fr) !important;
            gap:6px !important; margin-bottom:8px !important; max-width:1180px; margin-left:auto; margin-right:auto;
          }
          [data-section="tools"] .calc-tab{
            padding:7px 10px !important; font-size:12.5px !important;
            justify-content:center; text-align:center; white-space:nowrap;
            overflow:hidden; text-overflow:ellipsis;
          }
           
          [data-section="tools"] .circuit-type-grid{ grid-template-columns:repeat(4,1fr); gap:7px; margin-bottom:8px; }
          [data-section="tools"] .circuit-type-btn{ padding:5px 6px; }
          [data-section="tools"] .circuit-type-btn i{ font-size:15px; margin-bottom:1px; }
          [data-section="tools"] .circuit-type-btn span{ font-size:10.5px; }
          [data-section="tools"] .calc-btn{ padding:13px 20px !important; }
          [data-section="tools"] .form-section{ margin-bottom:14px; }
          [data-section="tools"] .form-section-title{ margin-bottom:10px; padding-bottom:6px; }
          [data-section="tools"] .form-grid{ gap:12px 16px; }
          [data-section="tools"] .form-group{ gap:7px; }
          [data-section="tools"] .calc-card-body{ padding:12px 22px 16px; }
          [data-section="tools"] .calc-card-header{ padding:10px 22px !important; }
          


        }

        


        [data-section="tools"] .ob-sel{ position:relative; }
        [data-section="tools"] .ob-sel-native{
          position:absolute !important; left:0; top:0; width:1px !important; height:1px !important;
          opacity:0; pointer-events:none; margin:0; padding:0 !important; border:0 !important;
        }
        [data-section="tools"] .ob-sel-btn{
          width:100%; height:46px; padding:0 38px 0 14px; box-sizing:border-box;
          border:1.5px solid var(--tool-line); border-radius:11px; background:var(--tool-soft);
          color:var(--tool-ink); font:inherit; font-size:14px; text-align:left; cursor:pointer;
          display:flex; align-items:center; box-shadow:inset 0 1px 2px rgba(15,23,42,.025);
          transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
        }
        [data-section="tools"] .ob-sel-btn:hover{ border-color:var(--tool-line-6); background:var(--tool-card); }
        [data-section="tools"] .ob-sel-btn:focus-visible,
        [data-section="tools"] .ob-sel.is-open .ob-sel-btn{
          outline:none; border-color:var(--tool-accent); background:var(--tool-card);
          box-shadow:0 0 0 3px rgba(48,195,158,.16);
        }
        [data-section="tools"] .ob-sel-label{ flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        [data-section="tools"] .ob-sel-chev{
          position:absolute; right:14px; top:50%; transform:translateY(-50%);
          font-size:11px; color:var(--tool-muted); transition:transform .18s ease, color .18s ease;
        }
        [data-section="tools"] .ob-sel.is-open .ob-sel-chev{ transform:translateY(-50%) rotate(180deg); color:var(--tool-accent); }
        

        .ob-sel-menu{
          position:fixed; z-index:1300; margin:0; padding:6px; list-style:none;
          background:var(--tool-card); border:1px solid var(--tool-line); border-radius:12px;
          box-shadow:0 12px 32px rgba(15,23,42,.14), 0 2px 6px rgba(15,23,42,.06);
          max-height:280px; overflow-y:auto;
          font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
          animation:obSelIn .12s ease-out;
        }
        .ob-sel-menu[hidden]{ display:none; }
        .ob-sel-menu.is-above{ box-shadow:0 -8px 28px rgba(15,23,42,.14), 0 -2px 6px rgba(15,23,42,.06); }
        @keyframes obSelIn{ from{ opacity:0; transform:translateY(-4px); } to{ opacity:1; transform:none; } }
        .ob-sel-opt{
          position:relative; padding:9px 12px 9px 34px; border-radius:8px;
          font-size:14px; color:var(--tool-ink); cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
        }
        .ob-sel-opt:hover{ background:var(--tool-soft-4); }
        .ob-sel-opt.is-active{ background:var(--tool-soft-teal); color:var(--tool-protect-ink); font-weight:600; }
        .ob-sel-opt.is-active::before{
          content:"\f00c"; font-family:"Font Awesome 6 Free"; font-weight:900;
          position:absolute; left:12px; top:50%; transform:translateY(-50%); font-size:11px; color:#30c39e;
        }
        @media (prefers-reduced-motion: reduce){ .ob-sel-menu{ animation:none; } }

         
        [data-section="tools"] .form-group label{ font-size:14px !important; font-weight:600 !important; color:var(--tool-ink-soft) !important; }

        

        [data-section="tools"] .recommendations{ padding:16px 18px 6px !important; }
        [data-section="tools"] .recommendations-title{
          font-size:11px !important; letter-spacing:.7px; text-transform:uppercase; margin-bottom:4px !important;
        }
        [data-section="tools"] .recommendation-item{
          gap:12px !important; padding:12px 0 !important; font-size:14px !important; line-height:1.5;
          border-bottom:1px solid rgba(15,23,42,.06);
        }
        [data-section="tools"] .recommendation-item:last-child{ border-bottom:0; }
        [data-section="tools"] .recommendation-item > i{ font-size:16px; margin-top:3px !important; flex-shrink:0; }
        [data-section="tools"] .reco-corps{ display:flex; flex-direction:column; gap:3px; min-width:0; }
        [data-section="tools"] .reco-titre{ font-weight:700; color:var(--tool-ink); font-size:14.5px; }
        [data-section="tools"] .reco-texte{ color:var(--tool-ink-6); font-size:13px; line-height:1.5; }

         
        [data-section="tools"] .results-copy{
          margin-left:10px; padding:5px 10px; border-radius:8px;
          border:1px solid var(--tool-line); background:var(--tool-card); color:var(--tool-muted);
          font:inherit; font-size:11px; font-weight:700; cursor:pointer;
          display:inline-flex; align-items:center; gap:6px;
          transition:color .15s ease, border-color .15s ease;
        }
        [data-section="tools"] .results-copy[hidden]{ display:none; }
        [data-section="tools"] .results-copy:hover{ color:var(--tool-ink); border-color:var(--tool-line-6); }
        [data-section="tools"] .results-copy.is-done{ color:var(--tool-protect-ink); border-color:#99f6e4; background:var(--tool-soft-teal); }
        [data-section="tools"] .results-copy i{ font-size:11px; color:inherit; }