| 1 | /* netintel.css - basic styling without Tailwind */
|
|---|
| 2 |
|
|---|
| 3 | .netintel-wrap {
|
|---|
| 4 | max-width: 1100px;
|
|---|
| 5 | margin: 0 auto;
|
|---|
| 6 | padding: 16px;
|
|---|
| 7 | color: #e5e7eb;
|
|---|
| 8 | font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
|
|---|
| 9 | }
|
|---|
| 10 |
|
|---|
| 11 | .netintel-title {
|
|---|
| 12 | font-size: 24px;
|
|---|
| 13 | font-weight: 700;
|
|---|
| 14 | margin-bottom: 6px;
|
|---|
| 15 | }
|
|---|
| 16 |
|
|---|
| 17 | .netintel-sub {
|
|---|
| 18 | font-size: 13px;
|
|---|
| 19 | opacity: 0.85;
|
|---|
| 20 | margin-bottom: 14px;
|
|---|
| 21 | }
|
|---|
| 22 |
|
|---|
| 23 | .netintel-toolbar {
|
|---|
| 24 | display: flex;
|
|---|
| 25 | flex-wrap: wrap;
|
|---|
| 26 | gap: 10px;
|
|---|
| 27 | align-items: end;
|
|---|
| 28 | margin-bottom: 14px;
|
|---|
| 29 | }
|
|---|
| 30 |
|
|---|
| 31 | .netintel-field {
|
|---|
| 32 | display: flex;
|
|---|
| 33 | flex-direction: column;
|
|---|
| 34 | gap: 4px;
|
|---|
| 35 | }
|
|---|
| 36 |
|
|---|
| 37 | .netintel-label {
|
|---|
| 38 | font-size: 11px;
|
|---|
| 39 | opacity: 0.85;
|
|---|
| 40 | }
|
|---|
| 41 |
|
|---|
| 42 | .netintel-select,
|
|---|
| 43 | .netintel-btn {
|
|---|
| 44 | background: rgba(255,255,255,0.06);
|
|---|
| 45 | border: 1px solid rgba(255,255,255,0.15);
|
|---|
| 46 | color: #e5e7eb;
|
|---|
| 47 | border-radius: 10px;
|
|---|
| 48 | padding: 8px 10px;
|
|---|
| 49 | font-size: 14px;
|
|---|
| 50 | outline: none;
|
|---|
| 51 | }
|
|---|
| 52 |
|
|---|
| 53 | .netintel-btn {
|
|---|
| 54 | cursor: pointer;
|
|---|
| 55 | }
|
|---|
| 56 |
|
|---|
| 57 | .netintel-btn:hover {
|
|---|
| 58 | background: rgba(255,255,255,0.10);
|
|---|
| 59 | }
|
|---|
| 60 |
|
|---|
| 61 | .netintel-card {
|
|---|
| 62 | background: rgba(255,255,255,0.06);
|
|---|
| 63 | border: 1px solid rgba(255,255,255,0.12);
|
|---|
| 64 | border-radius: 16px;
|
|---|
| 65 | padding: 14px;
|
|---|
| 66 | margin-bottom: 14px;
|
|---|
| 67 | }
|
|---|
| 68 |
|
|---|
| 69 | .netintel-card h3 {
|
|---|
| 70 | margin: 0 0 6px;
|
|---|
| 71 | font-size: 16px;
|
|---|
| 72 | }
|
|---|
| 73 |
|
|---|
| 74 | .netintel-card p {
|
|---|
| 75 | margin: 0 0 10px;
|
|---|
| 76 | font-size: 13px;
|
|---|
| 77 | opacity: 0.85;
|
|---|
| 78 | }
|
|---|
| 79 |
|
|---|
| 80 | .netintel-pill {
|
|---|
| 81 | display: inline-flex;
|
|---|
| 82 | align-items: center;
|
|---|
| 83 | padding: 2px 8px;
|
|---|
| 84 | border-radius: 999px;
|
|---|
| 85 | font-size: 12px;
|
|---|
| 86 | background: rgba(255,255,255,0.08);
|
|---|
| 87 | border: 1px solid rgba(255,255,255,0.12);
|
|---|
| 88 | margin-right: 6px;
|
|---|
| 89 | margin-bottom: 6px;
|
|---|
| 90 | }
|
|---|
| 91 |
|
|---|
| 92 | .netintel-tablewrap {
|
|---|
| 93 | overflow: auto;
|
|---|
| 94 | border-radius: 12px;
|
|---|
| 95 | border: 1px solid rgba(255,255,255,0.12);
|
|---|
| 96 | }
|
|---|
| 97 |
|
|---|
| 98 | .netintel-table {
|
|---|
| 99 | width: 100%;
|
|---|
| 100 | border-collapse: collapse;
|
|---|
| 101 | min-width: 700px;
|
|---|
| 102 | }
|
|---|
| 103 |
|
|---|
| 104 | .netintel-table th {
|
|---|
| 105 | text-align: left;
|
|---|
| 106 | font-weight: 600;
|
|---|
| 107 | font-size: 13px;
|
|---|
| 108 | background: rgba(0,0,0,0.25);
|
|---|
| 109 | padding: 10px;
|
|---|
| 110 | }
|
|---|
| 111 |
|
|---|
| 112 | .netintel-table td {
|
|---|
| 113 | padding: 10px;
|
|---|
| 114 | border-top: 1px solid rgba(255,255,255,0.08);
|
|---|
| 115 | font-size: 13px;
|
|---|
| 116 | }
|
|---|
| 117 |
|
|---|
| 118 | .netintel-error {
|
|---|
| 119 | background: rgba(239, 68, 68, 0.12);
|
|---|
| 120 | border: 1px solid rgba(239, 68, 68, 0.25);
|
|---|
| 121 | color: #fecaca;
|
|---|
| 122 | padding: 10px 12px;
|
|---|
| 123 | border-radius: 12px;
|
|---|
| 124 | margin-bottom: 12px;
|
|---|
| 125 | }
|
|---|
