#company-workspace { width: 100%; color: #0f172a; }
.company-page { width: 100%; max-width: 1440px; margin: 0 auto; }
.company-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.company-header h1 { margin: 2px 0 4px; font-size: 28px; line-height: 1.2; font-weight: 800; letter-spacing: 0; }
.company-header p:not(.company-eyebrow) { color: #64748b; font-size: 14px; max-width: 720px; }
.company-eyebrow { color: #2563eb; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.company-button { min-height: 40px; border: 1px solid transparent; border-radius: 7px; padding: 9px 14px; font-size: 14px; font-weight: 650; transition: .15s ease; white-space: nowrap; }
.company-button.primary { background: #2563eb; color: white; }
.company-button.primary:hover, .company-button.companion:hover { background: #1d4ed8; }
.company-button.secondary { background: white; color: #334155; border-color: #cbd5e1; }
.company-button.secondary:hover:not(:disabled) { background: #f8fafc; border-color: #94a3b8; }
.company-button.companion { background: #0f172a; color: white; }
.company-button:disabled, .company-link-button:disabled { opacity: .45; cursor: not-allowed; }
.company-tabs { display: flex; gap: 6px; border-bottom: 1px solid #cbd5e1; margin-bottom: 18px; }
.company-tabs button { padding: 10px 14px; color: #64748b; font-size: 14px; font-weight: 650; border-bottom: 2px solid transparent; }
.company-tabs button.active { color: #1d4ed8; border-color: #2563eb; }
.company-tabs span { display: inline-flex; min-width: 22px; justify-content: center; margin-left: 5px; padding: 1px 6px; border-radius: 999px; background: #e2e8f0; color: #475569; font-size: 11px; }
.company-notice { margin: 0 0 16px; padding: 10px 12px; border: 1px solid; border-radius: 7px; font-size: 13px; }
.company-notice.success { color: #166534; border-color: #bbf7d0; background: #f0fdf4; }
.company-notice.error { color: #b91c1c; border-color: #fecaca; background: #fef2f2; }
.company-notice.info { color: #1e40af; border-color: #bfdbfe; background: #eff6ff; }
.company-profile-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, 330px); gap: 18px; align-items: start; }
.company-profile-main { min-width: 0; }
.company-strength { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 18px; align-items: center; padding: 18px; background: white; border: 1px solid #dbe3ee; border-radius: 8px; margin-bottom: 14px; }
.company-strength-number { display: flex; flex-direction: column; text-align: center; border-right: 1px solid #e2e8f0; }
.company-strength-number strong { color: #1d4ed8; font-size: 30px; line-height: 1; }
.company-strength-number span { color: #64748b; font-size: 11px; margin-top: 5px; }
.company-progress { height: 8px; overflow: hidden; background: #e2e8f0; border-radius: 4px; }
.company-progress i { display: block; height: 100%; background: #2563eb; border-radius: inherit; }
.company-strength-body p { margin: 8px 0 3px; color: #334155; font-size: 13px; }
.company-strength-body small { color: #64748b; font-size: 11px; line-height: 1.45; }
.company-website-row { display: grid; grid-template-columns: minmax(170px, 1fr) minmax(180px, 1fr) auto; align-items: center; gap: 12px; padding: 14px 16px; background: #f8fafc; border: 1px solid #dbe3ee; border-radius: 8px; margin-bottom: 14px; }
.company-website-row div { display: flex; flex-direction: column; }
.company-website-row strong { font-size: 13px; }
.company-website-row span { color: #64748b; font-size: 11px; }
.company-website-row code { overflow: hidden; text-overflow: ellipsis; color: #475569; font-size: 12px; }
.company-website-row > input { min-width: 0; width: 100%; border: 1px solid #cbd5e1; border-radius: 6px; background: white; padding: 9px 10px; font-size: 13px; }
.company-section { background: white; border: 1px solid #dbe3ee; border-radius: 8px; margin-bottom: 14px; overflow: hidden; }
.company-section > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid #e2e8f0; background: #f8fafc; }
.company-section > header > div { display: grid; grid-template-columns: 28px auto; }
.company-section > header span { grid-row: 1 / 3; color: #2563eb; font-size: 12px; font-weight: 800; padding-top: 3px; }
.company-section h2 { font-size: 15px; font-weight: 750; }
.company-section header p { color: #64748b; font-size: 11px; }
.company-link-button { color: #2563eb; font-size: 12px; font-weight: 650; }
.company-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.company-field { min-width: 0; padding: 14px 16px; border-bottom: 1px solid #edf2f7; }
.company-field:nth-child(odd) { border-right: 1px solid #edf2f7; }
.company-field.has-draft { background: #fffbeb; }
.company-field-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 7px; }
.company-field-top label { font-size: 12px; font-weight: 700; color: #334155; }
.company-field-top small { color: #94a3b8; font-weight: 500; }
.company-status { flex: 0 0 auto; padding: 2px 7px; border-radius: 999px; font-size: 10px; font-weight: 650; }
.company-status.confirmed { color: #166534; background: #dcfce7; }
.company-status.draft { color: #92400e; background: #fef3c7; }
.company-status.empty { color: #64748b; background: #e2e8f0; }
.company-field input:not([type=checkbox]), .company-field textarea, .company-task-form input, .company-task-form textarea { width: 100%; border: 1px solid #cbd5e1; border-radius: 6px; background: white; padding: 9px 10px; color: #0f172a; font-size: 13px; line-height: 1.45; }
.company-field input:focus, .company-field textarea:focus, .company-task-form input:focus, .company-task-form textarea:focus { outline: 2px solid #bfdbfe; border-color: #2563eb; }
.company-field textarea, .company-task-form textarea { resize: vertical; }
.company-field-actions { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 7px; font-size: 11px; }
.company-field-actions label { margin-right: auto; color: #64748b; }
.company-field-actions button { color: #2563eb; font-weight: 650; }
.company-field-actions button:first-of-type { color: #b45309; }
.company-previous { margin-top: 7px; color: #64748b; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.company-source { margin-top: 6px; color: #2563eb; font-size: 10px; overflow-wrap: anywhere; }
.company-collection { padding: 14px 16px; border-top: 1px solid #e2e8f0; }
.company-collection-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.company-collection-head h3 { font-size: 13px; font-weight: 750; }
.company-collection-head p { color: #64748b; font-size: 10px; }
.company-empty-collection { margin-top: 9px; padding: 11px; border: 1px dashed #cbd5e1; border-radius: 6px; color: #94a3b8; font-size: 11px; text-align: center; }
.company-collection-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.company-collection-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 11px; border: 1px solid #dbe3ee; border-radius: 7px; background: white; }
.company-collection-card.draft { background: #fffbeb; border-color: #fde68a; }
.company-collection-card-main { min-width: 0; }
.company-collection-card-main > strong { display: block; font-size: 12px; overflow-wrap: anywhere; }
.company-collection-card-main > p:not(.company-source) { margin-top: 3px; color: #64748b; font-size: 10px; white-space: pre-wrap; overflow-wrap: anywhere; }
.company-collection-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 7px; padding-top: 7px; border-top: 1px solid #e2e8f0; }
.company-collection-actions button { color: #475569; font-size: 10px; font-weight: 650; }
.company-collection-actions button.primary { color: #2563eb; }
.company-collection-actions button.danger { color: #dc2626; }
.company-collection-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 10px; padding: 12px; border: 1px solid #bfdbfe; border-radius: 7px; background: #eff6ff; }
.company-collection-form label { color: #475569; font-size: 10px; font-weight: 650; }
.company-collection-form input, .company-collection-form textarea, .company-collection-form select { display: block; width: 100%; margin-top: 4px; border: 1px solid #cbd5e1; border-radius: 6px; background: white; padding: 8px 9px; color: #0f172a; font-size: 12px; font-weight: 400; }
.company-collection-form textarea { resize: vertical; }
.company-form-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; grid-column: 1 / -1; }
.company-collection-form-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 8px; }
.company-sticky-actions { position: sticky; bottom: -1px; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; background: rgba(248,250,252,.96); border: 1px solid #cbd5e1; border-radius: 8px; backdrop-filter: blur(8px); }
.company-sticky-actions > span { color: #64748b; font-size: 11px; }
.company-sticky-actions > div { display: flex; gap: 8px; }
.company-preview { position: sticky; top: 0; padding: 16px; background: #0f172a; color: #e2e8f0; border-radius: 8px; max-height: calc(100vh - 80px); overflow: auto; }
.company-preview-heading { display: flex; gap: 10px; align-items: center; padding-bottom: 13px; border-bottom: 1px solid #334155; }
.company-preview-heading > span { color: #60a5fa; font-size: 18px; }
.company-preview h2 { font-size: 14px; font-weight: 750; }
.company-preview-heading p { color: #94a3b8; font-size: 10px; }
.company-preview dl > div { padding: 11px 0; border-bottom: 1px solid #1e293b; }
.company-preview dt { color: #94a3b8; font-size: 10px; text-transform: uppercase; }
.company-preview dd { margin-top: 3px; color: #f8fafc; font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.company-preview-tasks { display: flex; justify-content: space-between; margin-top: 14px; font-size: 12px; }
.company-preview-tasks span { color: #93c5fd; }
.company-preview ul { margin: 8px 0 0; padding-left: 16px; color: #cbd5e1; font-size: 11px; }
.company-preview-cards { margin-top: 12px; padding-top: 11px; border-top: 1px solid #334155; }
.company-preview-cards strong { font-size: 11px; }
.company-preview-cards p { margin-top: 5px; color: #cbd5e1; font-size: 10px; }
.company-empty-copy, .company-privacy { margin-top: 12px; color: #94a3b8; font-size: 11px; line-height: 1.5; }
.company-privacy { padding-top: 12px; border-top: 1px solid #334155; }
.company-task-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; padding: 16px; margin-bottom: 16px; background: white; border: 1px solid #dbe3ee; border-radius: 8px; }
.company-task-form-heading { grid-column: 1 / -1; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 12px; border-bottom: 1px solid #e2e8f0; }
.company-task-form h2 { font-size: 15px; font-weight: 750; }
.company-task-form p { margin-top: 3px; color: #64748b; font-size: 11px; }
.company-task-form-heading > span { flex: 0 0 auto; padding: 5px 8px; border-radius: 5px; background: #eff6ff; color: #1d4ed8; font-size: 10px; font-weight: 650; }
.company-task-form label { color: #475569; font-size: 11px; font-weight: 650; }
.company-task-form label input, .company-task-form label textarea { display: block; margin-top: 5px; font-weight: 400; }
.company-task-title { grid-column: 1 / -1; }
.company-task-point { position: relative; padding-left: 34px; }
.company-task-point > span { position: absolute; top: 0; left: 0; display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #e2e8f0; color: #334155; font-size: 11px; font-weight: 800; }
.company-task-point.target > span { background: #dbeafe; color: #1d4ed8; }
.company-task-point > strong { display: block; min-height: 25px; padding-top: 4px; color: #334155; font-size: 11px; }
.company-task-form-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 6px; }
.company-task-board { display: grid; grid-template-columns: repeat(4, minmax(220px, 1fr)); gap: 12px; align-items: start; overflow-x: auto; padding-bottom: 8px; }
.company-task-column { min-width: 220px; border-top: 3px solid #94a3b8; }
.company-task-column.approved { border-color: #2563eb; }
.company-task-column.done { border-color: #16a34a; }
.company-task-column.archived { border-color: #64748b; }
.company-task-column > header { display: flex; justify-content: space-between; gap: 8px; padding: 10px 2px; }
.company-task-column h2 { font-size: 13px; font-weight: 750; }
.company-task-column header p { color: #64748b; font-size: 10px; }
.company-task-column header > span { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: #e2e8f0; font-size: 10px; }
.company-task-list { display: grid; gap: 8px; }
.company-task-card { padding: 12px; background: white; border: 1px solid #dbe3ee; border-radius: 7px; }
.company-task-card h3 { font-size: 13px; font-weight: 750; overflow-wrap: anywhere; }
.company-task-card > p { margin-top: 6px; color: #475569; font-size: 11px; white-space: pre-wrap; }
.company-task-card > div { margin-top: 9px; padding: 7px 8px; background: #f8fafc; color: #475569; font-size: 10px; }
.company-task-card > div strong { display: block; color: #64748b; text-transform: uppercase; }
.company-task-card footer { display: flex; flex-direction: column; align-items: stretch; gap: 7px; margin-top: 10px; padding-top: 8px; border-top: 1px solid #e2e8f0; }
.company-task-card .company-task-state { margin-top: 8px; padding: 8px; background: #f8fafc; color: #475569; font-size: 10px; }
.company-task-card .company-task-state.target { background: #eff6ff; }
.company-task-state strong { display: flex; align-items: center; gap: 5px; color: #64748b; text-transform: uppercase; }
.company-task-state strong span { display: inline-grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: #e2e8f0; color: #334155; font-size: 9px; }
.company-task-state.target strong span { background: #dbeafe; color: #1d4ed8; }
.company-task-state p { margin-top: 4px; white-space: pre-wrap; overflow-wrap: anywhere; }
.company-task-card footer > button { align-self: flex-start; color: #64748b; font-size: 10px; }
.company-task-card footer > div { display: flex; flex-wrap: wrap; gap: 5px; }
.company-task-card footer div button { padding: 5px 7px; border: 1px solid #cbd5e1; border-radius: 5px; color: #475569; font-size: 10px; }
.company-task-card footer div button.primary-transition { background: #2563eb; color: white; border-color: #2563eb; }
.company-empty-column { padding: 18px 8px; border: 1px dashed #cbd5e1; border-radius: 7px; color: #94a3b8; text-align: center; font-size: 11px; }
.company-loading { display: grid; place-items: center; padding: 80px 20px; color: #64748b; font-size: 13px; }
.company-loading span { width: 28px; height: 28px; border: 3px solid #bfdbfe; border-top-color: #2563eb; border-radius: 50%; animation: company-spin .7s linear infinite; margin-bottom: 8px; }
@keyframes company-spin { to { transform: rotate(360deg); } }
@media (max-width: 1100px) { .company-profile-layout { grid-template-columns: 1fr; } .company-preview { position: static; max-height: none; } }
@media (max-width: 720px) {
  .company-header { align-items: stretch; flex-direction: column; gap: 12px; }
  .company-header h1 { font-size: 23px; }
  .company-header .company-button { width: 100%; }
  .company-strength { grid-template-columns: 84px 1fr; padding: 13px; gap: 12px; }
  .company-strength-number strong { font-size: 24px; }
  .company-website-row { grid-template-columns: 1fr; }
  .company-fields { grid-template-columns: 1fr; }
  .company-collection-list { grid-template-columns: 1fr; }
  .company-collection-form { grid-template-columns: 1fr; }
  .company-form-row { grid-template-columns: 1fr; grid-column: auto; }
  .company-collection-form-actions { grid-column: auto; display: grid; grid-template-columns: 1fr; }
  .company-field:nth-child(odd) { border-right: 0; }
  .company-sticky-actions { position: static; flex-direction: column; align-items: stretch; }
  .company-sticky-actions > div { display: grid; grid-template-columns: 1fr; }
  .company-task-form { grid-template-columns: 1fr; }
  .company-task-form-heading, .company-task-title, .company-task-form-actions { grid-column: auto; }
  .company-task-form-heading { flex-direction: column; gap: 8px; }
  .company-task-form-heading > span { align-self: flex-start; }
  .company-task-form-actions { display: grid; grid-template-columns: 1fr; }
  .company-task-board { grid-template-columns: 1fr; overflow: visible; }
  .company-task-column { min-width: 0; }
}