.dependency-map-container{max-width:100%;padding:0 0 20px;background-color:#fff;border-radius:10px;border:1px solid #e0e0e0}.domains-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;justify-content:center;position:relative}.domain-item{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:50%;padding:8px;text-align:center;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;color:#333;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;aspect-ratio:1;width:100%;max-width:120px;margin:0 auto}.domain-item.is-hovered{background-color:#fff;border-color:#0d9488;color:#0b3d38;box-shadow:0 6px 14px #0d94882e;transform:translateY(-2px)}.domain-item.is-dependent{border-color:#0e4b53;box-shadow:0 2px 8px #4caf5033;transform:scale(1.02)}.domain-item.is-dependency{border-color:#e17909;box-shadow:0 2px 8px #ffc10733;transform:scale(1.02)}.domain-item.relative{z-index:3}.domains-grid:has(.domain-item:hover) .domain-item:not(.is-hovered):not(.is-dependent):not(.is-dependency){opacity:.3;filter:grayscale(50%);transition:opacity .3s ease,filter .3s ease;z-index:1}.loading-message,.error-message{text-align:center;padding:40px 0;color:#888;font-size:1.1rem}.error-message{color:#c00}.domain-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.domain-title{font-size:15px;text-align:center;flex-shrink:0;line-height:1.2;max-width:100%;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 8px}.domain-item .list-disc{list-style-type:none;margin:0}.connections-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.legend{display:flex;justify-content:center;gap:40px;margin-bottom:25px;padding:20px;background-color:#f8f9fa;border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid #e9ecef}.legend-item{display:flex;align-items:center;gap:12px}.legend-line{width:40px;height:3px;border-radius:2px;position:relative}.legend-line-depends{background-color:#e17909}.legend-line-dependent{background-color:#0e4b53}.legend-text{font-size:16px;color:#495057;font-weight:500}@media (max-width: 600px){.legend{flex-direction:column;gap:20px;align-items:center}.legend-item{gap:10px}.legend-line{width:30px}.legend-text{font-size:13px}}@media (max-width: 1200px){.domains-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media (max-width: 900px){.domains-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (max-width: 600px){.domains-grid{gap:10px}.domain-item{max-width:90px}.domain-title{font-size:13px}}