/* Approved compact Mac company screen; no app-shell or zoom overrides. */
#company-content-inner { padding:12px 16px!important; min-width:0; background:var(--ui-surface); color:var(--ui-text-1); font:13px/1.65 var(--ui-font); }
#company-content-inner * { box-sizing:border-box; }
#company-content-inner > div { padding-block:0!important; }
#company-content-inner [data-ci-section] { scroll-margin-top:72px; padding:16px!important; margin-top:12px!important; border:1px solid var(--ui-line)!important; border-radius:8px!important; box-shadow:none!important; background:var(--ui-surface)!important; }
#company-content-inner [data-ci-section]:first-child { margin-top:0!important; }
#company-content-inner :is(h2,h3) { font-size:15px!important; line-height:1.45; font-weight:600!important; color:var(--ui-text-1)!important; }
#company-content-inner h4 { font-size:14px!important; line-height:1.5; font-weight:600!important; }
#company-content-inner :is(p,div,span) { font-size:13px; }
#company-content-inner [class*='text-['],
#company-content-inner .text-xs { font-size:11px!important; line-height:1.6; }
#company-content-inner p.text-xs { font-size:13px!important; }
#company-content-inner .text-sm { font-size:13px!important; line-height:1.7; }
#company-content-inner :is(p,h2,h3,h4,span) { overflow-wrap:anywhere; }
#company-content-inner [class*='text-gray-'] { color:var(--ui-text-2)!important; }
#company-content-inner :is(.text-gray-800,.text-gray-900) { color:var(--ui-text-1)!important; }
#company-content-inner [class*='text-']:is([class*='blue-'],[class*='emerald-'],[class*='purple-'],[class*='indigo-'],[class*='green-'],[class*='red-'],[class*='rose-'],[class*='amber-']) { color:var(--ui-accent-text)!important; }
#company-content-inner [class*='bg-']:not([data-ci-section]) { background:var(--ui-surface-alt)!important; }
#company-content-inner [class*='bg-6'] { background:var(--ui-accent-tint)!important; color:var(--ui-accent-text)!important; }
#company-content-inner [class*='border-'] { border-color:var(--ui-line)!important; }
#company-content-inner [class*='rounded'] { border-radius:5px!important; }
#company-content-inner .p-5 { padding:14px!important; }
#company-content-inner .p-4 { padding:12px!important; }
#company-content-inner .p-3 { padding:10px!important; }
#company-content-inner .mb-6 { margin-bottom:16px!important; }
#company-content-inner :is(.mb-4,.mb-5) { margin-bottom:12px!important; }
#company-content-inner :is(.space-y-4,.space-y-3)>:not([hidden])~:not([hidden]) { margin-top:12px!important; }
#company-content-inner button { min-height:28px; min-width:28px; border:1px solid var(--ui-line-control); border-radius:5px!important; background:var(--ui-surface)!important; color:var(--ui-accent-text)!important; padding:4px 9px; font:12px/1.4 var(--ui-font); box-shadow:none!important; cursor:pointer; }
#company-content-inner [data-ci-section]>button { width:100%; border:0; padding:0; text-align:left; }
#company-content-inner :is(#service-lineup-detail,#project-structure-detail) { padding:14px 0 0!important; }
#company-content-inner .ci-term { color:var(--ui-accent-text)!important; border-bottom:1px dashed var(--ui-line-dashed); cursor:pointer; }
#company-content-inner .ci-term:hover { background:var(--ui-accent-tint); }
#company-content-inner :focus-visible { outline:2px solid var(--ui-accent-text)!important; outline-offset:2px; }
#company-content-inner [data-ci-decoration] { display:none!important; }
#company-content-inner .w-10 { width:28px; height:28px; flex-shrink:0; }
#company-content-inner .ci-term { font-size:inherit!important; }

.ci-term-popup.ci-density-popup { position:fixed; z-index:20001; width:340px; overflow:auto; overscroll-behavior:contain; border:1px solid var(--ui-line-control); border-radius:8px; box-shadow:var(--ui-elev-sheet); background:var(--ui-surface); color:var(--ui-text-1); font:13px/1.65 var(--ui-font); animation:none; box-sizing:border-box; }
.ci-density-popup .ci-term-popup-header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px; border-bottom:1px solid var(--ui-line); background:var(--ui-surface-alt); }
.ci-density-popup .ci-term-popup-title { font-size:13px; font-weight:600; color:var(--ui-accent-text); }
.ci-density-popup .ci-term-popup-close { flex:none; display:flex; align-items:center; justify-content:center; min-width:28px; width:28px; height:28px; padding:0; border:1px solid var(--ui-line-control); border-radius:5px; background:var(--ui-fill); color:var(--ui-text-1); font:21px/1 var(--ui-font); cursor:pointer; }
.ci-density-popup .ci-term-popup-close:hover { background:var(--ui-fill); color:var(--ui-text-1); }
.ci-density-popup .ci-term-popup-body { padding:12px; overflow-wrap:anywhere; font-size:13px; line-height:1.65; color:var(--ui-text-1); }
.ci-density-popup :focus-visible { outline:2px solid var(--ui-accent-text); outline-offset:2px; }
@media(max-width:640px) {
  .ci-density-popup .ci-term-popup-close { width:44px; min-width:44px; height:44px; }
  #company-content-inner { padding:10px 8px 24px!important; }
  #company-content-inner [data-ci-section] { padding:12px!important; }
  #company-content-inner button { min-height:44px; min-width:44px; flex-shrink:0; }
  #company-content-inner [data-ci-section]>div:first-child:has(>button) { gap:8px; }
  #company-content-inner :is(h2,h3) { font-size:14px!important; }
  #company-content-inner .grid-cols-4 { gap:6px!important; }
  #company-content-inner .grid-cols-4>div { padding:6px 3px!important; }
  #company-content-inner .grid-cols-3 { gap:6px!important; }
  #company-content-inner .grid-cols-3>div { padding:8px 4px!important; }
  #company-content-inner #project-structure-detail { overflow-x:auto; }
  #company-content-inner #project-structure-detail::after { content:'옆으로 밀어 5단계 확인'; display:block; padding-top:6px; color:var(--ui-text-2); font-size:11px; }
  #company-content-inner #project-structure-detail>.flex { min-width:360px; gap:6px; padding:8px 4px!important; }
  #company-content-inner #project-structure-detail>.flex>.text-center { min-width:0; flex:1; }
  #company-content-inner #project-structure-detail>.flex>i { font-size:9px; }
}
