.company-form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 14px;
  margin-top: 15px;
}
.company-form-grid label { color: #8fa9c0; font-size: 9px; }
.company-form-grid label input, .company-form-grid label select, .company-form-grid label textarea { display:block; margin-top:6px; }
.company-form-grid .wide { grid-column: span 2; }
.company-form-grid .full { grid-column: 1 / -1; }

.company-form-grid input,
.company-form-grid select,
.company-form-grid textarea {
  width: 100%;
  min-width: 0;
  color: #fff;
  background: #08182c;
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 11px;
}
.company-form-grid textarea { resize: vertical; }
.company-form-actions { display:flex; gap:10px; }
.company-logo-preview { color:#8fa9c0; font-size:9px; }
.company-logo-preview > div { min-height:78px; margin-top:6px; display:flex; align-items:center; justify-content:center; border:1px dashed #2b5879; border-radius:10px; background:#08182c; }
.company-logo-preview img { max-height:65px; max-width:95%; object-fit:contain; }
.company-modules { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; border:1px solid #214865; border-radius:12px; padding:12px; }
.company-modules legend { color:#d6e8f7; padding:0 8px; font-weight:700; }
.company-modules label { display:flex; gap:8px; align-items:center; padding:10px; border-radius:8px; background:#0a2139; color:#c9ddeb; }
.company-modules input { width:auto; margin:0; }

.company-form-grid button,
.company-actions button {
  color: #c8dff0;
  background: #12324f;
  border: 1px solid #245276;
  border-radius: 7px;
  padding: 9px;
  cursor: pointer;
}

.company-form-grid #saveCompany {
  color: #04101e;
  background: linear-gradient(90deg, var(--blue), var(--blue2));
  font-weight: 800;
}

.company-row {
  display: grid;
  grid-template-columns: minmax(220px, 1.5fr) 135px 95px 140px minmax(360px, 1.3fr);
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  border-bottom: 1px solid #17385888;
}
.company-row { cursor:pointer; transition:.18s ease; }
.company-row:hover, .company-row:focus { outline:none; background:#123553; box-shadow:inset 3px 0 #16bceb; }
.company-list-tools { display:flex; gap:10px; align-items:center; }
.company-list-tools button, .company-detail-actions button { border:0; border-radius:8px; padding:10px 13px; cursor:pointer; font-weight:700; color:#04101e; background:linear-gradient(90deg,#16bceb,#0877d9); }
.company-detail-panel { margin-top:14px; padding:20px; }
.company-detail-header { display:flex; gap:16px; align-items:center; padding-bottom:18px; border-bottom:1px solid #21435f; }
.company-detail-header img, .company-detail-avatar { width:86px; height:68px; object-fit:contain; border-radius:10px; padding:7px; background:#fff; color:#083b72; display:grid; place-items:center; font-size:20px; font-weight:900; }
.company-detail-header div { flex:1; }.company-detail-header h3 { margin:5px 0; font-size:20px; }.company-detail-header p,.company-detail-header small { color:#8fa9c0; margin:0; font-size:9px; }
.company-detail-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:16px 0; background:#21435f; border:1px solid #21435f; border-radius:10px; overflow:hidden; }
.company-detail-grid article { background:#0a2139; padding:16px; }.company-detail-grid span,.company-detail-grid small { display:block; color:#8fa9c0; font-size:8px; }.company-detail-grid b { display:block; margin:7px 0; font-size:12px; }
.company-detail-actions { display:flex; gap:8px; flex-wrap:wrap; }.company-detail-actions .danger-text { color:#ff9aaa; background:#531c2a; border:1px solid #8d3147; }
.super-module-card { max-width:900px; margin:0 auto; }
body:has(#superadminView:not(.hidden)) .brand b { position:static; display:block; margin-top:6px; color:#16bceb; font-size:8px; letter-spacing:1px; text-align:center; white-space:normal; }
.company-list-logo { width:46px; height:46px; object-fit:contain; padding:4px; border-radius:9px; background:#fff; }
.company-plan { display:block; color:#7e96af; font-size:8px; line-height:1.5; margin-top:7px; }

.company-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.company-main div { min-width: 0; }
.company-main b,
.company-main small,
.usage-cell b,
.usage-cell small {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.company-main b { font-size: 10px; }
.company-main small,
.usage-cell small { color: var(--muted); font-size: 8px; margin-top: 4px; }
.usage-cell b { font-size: 9px; }
.company-status {
  border-radius: 20px;
  padding: 5px 8px;
  text-align: center;
  font-size: 8px;
  color: #92a7ba;
  background: #173047;
}
.company-status.active { color: #2be0ac; background: #123d37; }
.company-status.suspended { color: #ffbe5b; background: #4a3518; }
.company-status.deleted { color: #ff7d8c; background: #471c28; }
.company-actions { display: flex; justify-content: flex-end; gap: 5px; flex-wrap:wrap; }
.company-actions button { padding: 7px 8px; font-size: 8px; }
.company-actions .danger-text { color: #ff7d8c; border-color: #713041; }
.super-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 14px; margin: 14px 0; }
#superAudit { max-height: 320px; overflow: auto; }
#supportPanel { margin-top: 14px; }

.integration-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px; background:linear-gradient(120deg,#0b2946,#0d3e67); }
.integration-hero h3 { margin:5px 0 8px; font-size:22px; }.integration-hero p { margin:0; max-width:760px; color:#a8bfd2; }
.integration-status { flex:0 0 auto; padding:9px 13px; border-radius:999px; font-weight:800; font-size:10px; }.integration-status.enabled { color:#8bffe0; background:#10483d; border:1px solid #1d806b; }.integration-status.disabled { color:#b8c8d7; background:#24384b; border:1px solid #3e5a72; }
.integration-guide { margin:14px 0; padding:15px 18px; border-left:4px solid #16bceb; border-radius:8px; background:#0a2139; color:#c8deee; }.integration-guide ol { margin:8px 0 0; padding-left:20px; }.integration-guide li { margin:5px 0; color:#91adc3; }
.softguard-grid small { display:block; margin-top:5px; line-height:1.45; color:#7898b2; }.softguard-grid .toggle-label { display:flex; align-items:center; gap:10px; padding:13px; border-radius:9px; color:#d8e9f5; background:#0a2139; }.softguard-grid .toggle-label input { width:auto; margin:0; }
.integration-delivery { display:grid; gap:5px; padding:15px; border-radius:10px; background:#0a2139; border-left:4px solid #7993aa; }.integration-delivery.delivered { border-color:#23d29f; }.integration-delivery.failed { border-color:#ff465c; }.integration-delivery span,.integration-delivery small { color:#8fa9c0; }.integration-delivery p { color:#ff9aaa; margin:4px 0 0; }
.ubuntu-server-card { max-width:none; }.ubuntu-checklist { margin-top:18px; display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }.ubuntu-checklist h4 { grid-column:1/-1; margin:0 0 5px; }.ubuntu-checklist div { display:flex; gap:8px; align-items:flex-start; padding:12px; border:1px solid #1e4666; border-radius:9px; color:#91adc3; background:#08182c; }.ubuntu-checklist span { flex:0 0 23px; height:23px; display:grid; place-items:center; border-radius:50%; color:#061425; background:#16bceb; font-weight:900; }.ubuntu-checklist code { color:#7ee0ff; }.ubuntu-example { margin-top:16px; padding:15px; border:1px dashed #2a607f; border-radius:10px; background:#071a2d; }.ubuntu-example p { color:#9bb5c9; line-height:1.7; }.ubuntu-example small { color:#ffcb70; }

@media (max-width: 1180px) {
  .company-form-grid { grid-template-columns: repeat(2, 1fr); }
  .company-row { grid-template-columns: 1.5fr 110px 90px 120px; }
  .company-actions { grid-column: 1 / -1; justify-content: flex-start; }
}

@media (max-width: 760px) {
  .company-form-grid,
  .super-grid { grid-template-columns: 1fr; }
  .company-form-grid .wide, .company-form-grid .full { grid-column:1; }
  .company-modules { grid-template-columns:1fr; }
  .company-row { grid-template-columns: 1fr 1fr; }
  .company-main,
  .company-actions { grid-column: 1 / -1; }
  .super-metrics { grid-template-columns: 1fr 1fr; }
  .company-list-tools { width:100%; flex-direction:column; align-items:stretch; }
  .company-detail-grid { grid-template-columns:1fr; }
  .company-detail-header { align-items:flex-start; flex-wrap:wrap; }
  .integration-hero { align-items:flex-start; flex-direction:column; }
  .ubuntu-checklist { grid-template-columns:1fr; }.ubuntu-checklist h4 { grid-column:1; }
}
.drive-config-grid{margin-top:18px}.drive-restore-toolbar{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;align-items:end;margin:14px 0 20px}.drive-restore-toolbar label{display:grid;gap:7px;color:#8eb0c9;font-size:11px}.drive-restore-toolbar input,.drive-restore-toolbar select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #214768;border-radius:9px;background:#07192d;color:#fff}.drive-backups-list{display:grid;gap:8px}.drive-backup-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:14px;border:1px solid #1c4263;border-radius:10px;background:#0b223a}.drive-backup-row b,.drive-backup-row span,.drive-backup-row small{display:block}.drive-backup-row span{color:#6fd8ff;font-size:10px}.drive-backup-row small{color:#83a5bd;margin-top:4px}.drive-backup-row em{font-style:normal;color:#a8c2d6;font-size:11px}.drive-restore-result{margin-top:18px;padding:16px;border:1px solid #24739a;border-radius:11px;background:#071b31}.drive-restore-result h4{margin:0 0 10px;color:#7bdcff}.drive-restore-result p{margin:5px 0;color:#b5ccdc}.drive-conflicts{margin-top:12px;max-height:260px;overflow:auto}.drive-conflict{padding:9px 11px;border-left:3px solid #ffb44c;background:#372713;color:#ffe1b5;font-size:11px;margin-bottom:6px}
.drive-mode-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid #1d4667;border-radius:11px;background:#071b30}.drive-mode-panel.hidden{display:none}.drive-mode-panel .integration-guide{margin:0 0 4px}.drive-mode-panel code{overflow-wrap:anywhere;color:#78ddff}
.drive-link-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid #1bbde9;border-radius:12px;background:linear-gradient(135deg,#08243d,#0b3150)}.drive-link-card b{font-size:16px;color:#fff}.drive-link-card p{margin:6px 0;color:#a7c7dc;line-height:1.5}.drive-link-progress{grid-column:1/-1;padding:14px;border-radius:9px;background:#06192c;border:1px solid #285776}.drive-link-progress strong,.drive-link-progress small{display:block}.drive-link-progress strong{color:#7be1ff}.drive-link-progress small{margin-top:8px;color:#a8c4d6;line-height:1.45}.drive-link-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.drive-security-note{grid-column:1/-1;font-size:11px!important;margin:0!important}
@media(max-width:800px){.drive-restore-toolbar{grid-template-columns:1fr}.drive-backup-row{grid-template-columns:1fr}.drive-backup-row em{text-align:left}}
@media(max-width:800px){.drive-mode-panel{grid-template-columns:1fr}}
@media(max-width:800px){.drive-link-card{grid-template-columns:1fr}.drive-link-card>button{width:100%}}