.company-panel { margin-top: 16px; padding: 22px; border: 1px solid #cfdaeb; border-radius: 10px; background: #fff; color: #203151; }
.company-panel > p { color: #64748b; font-size: 13px; }
.company-panel h3 { font-size: 15px; margin: 0 0 12px; }
.company-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 18px; }
.company-list { display: grid; align-content: start; gap: 8px; }
.company-list button,.company-action { cursor: pointer; border: 1px solid #cbd7e9; border-radius: 8px; background: #f4f7fc; color: #1c3162; padding: 10px 12px; font: inherit; text-align: left; }
.company-list button:hover,.company-action:hover { border-color: #4058ca; background: #edf1ff; }
.company-list small { display: block; color: #697b98; margin-top: 3px; }
.company-detail { border-top: 1px solid #d8e1ef; margin-top: 20px; padding-top: 18px; }
.company-detail h3 { font-size: 20px; }
.company-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; }
.company-actions .company-action { font-size: 12px; }
.company-members { display: grid; gap: 8px; margin-top: 16px; }
.company-member { border: 1px solid #d9e3f0; border-radius: 8px; padding: 12px; }
.company-member strong { display: block; }
.company-member small { color: #697b98; }
.company-permissions { display: flex; gap: 16px; flex-wrap: wrap; margin: 10px 0; font-size: 12px; }
.company-permissions label { display: flex; gap: 5px; align-items: center; }
.company-roof { position: relative; overflow: hidden; height: 120px; border-radius: 9px; background: linear-gradient(#677b95,#d5b18e 65%,#586a5d 66%); }
.company-roof::after { content: ''; position: absolute; bottom: 0; width: 100%; height: 36px; background: #464e48; }
.company-roof span { position: absolute; z-index: 1; font-size: 22px; }
@media(max-width:700px) { .company-grid { grid-template-columns: 1fr; } .company-panel { padding: 16px; } }