:root{--app-bg:#f2f7fc}.app-shell{background:var(--app-bg);min-height:100vh;color:var(--navy)}.app-header{height:76px;padding:0 28px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.app-header-actions{display:flex;align-items:center;gap:12px}.system-pill{display:flex;align-items:center;gap:8px;background:#eafbf4;color:#187a58;border:1px solid #bcebd7;padding:9px 12px;border-radius:999px;font-size:10px;font-weight:800}.system-pill i{width:8px;height:8px;border-radius:50%;background:#28c98b;box-shadow:0 0 0 5px rgba(40,201,139,.12)}.app-layout{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 76px)}.app-sidebar{padding:24px 18px;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;justify-content:space-between}.app-sidebar nav{display:grid;gap:5px}.app-sidebar nav a{padding:12px 13px;border-radius:12px;color:#617991;font-size:11px;font-weight:800}.app-sidebar nav a:hover,.app-sidebar nav a.active{background:#eaf4ff;color:var(--primary)}.autopilot-card{background:linear-gradient(145deg,#071b32,#0a3157);color:white;padding:17px;border-radius:18px;display:grid;gap:8px}.autopilot-card span{font-size:9px;line-height:1.5;color:#a9c0d5}.autopilot-card label,.switch{display:flex;align-items:center;gap:8px;cursor:pointer}.autopilot-card input,.switch input{display:none}.autopilot-card label i,.switch i{width:38px;height:22px;background:#3f5264;border-radius:999px;position:relative}.autopilot-card label i:after,.switch i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}.autopilot-card input:checked+i,.switch input:checked+i{background:#28c98b}.autopilot-card input:checked+i:after,.switch input:checked+i:after{transform:translateX(16px)}.autopilot-card b{font-size:10px}.app-content,.company-wrap{padding:34px;max-width:1480px;width:100%;margin:auto}.app-welcome,.company-hero{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:24px}.app-welcome h1,.company-hero h1{font-size:40px;margin:8px 0}.app-welcome p,.company-hero p{color:var(--muted);max-width:720px;line-height:1.65}.ai-status-card,.control-box{background:white;border:1px solid var(--line);border-radius:18px;padding:17px 20px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow-soft);min-width:300px}.ai-status-card>span{width:42px;height:42px;border-radius:13px;background:#eaf4ff;color:var(--primary);display:grid;place-items:center;font-size:20px}.ai-status-card div,.control-box div{display:grid;gap:4px}.ai-status-card small,.control-box small{color:var(--muted);font-size:9px}.smart-request,.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow-soft);margin-bottom:20px}.smart-request label{font-weight:900;font-size:12px}.smart-request textarea{width:100%;min-height:125px;resize:vertical;border:1px solid var(--line);border-radius:15px;padding:15px;margin:12px 0;font:inherit;color:var(--navy);outline:none}.smart-request textarea:focus,.chat-form input:focus{border-color:#88c6f5;box-shadow:0 0 0 4px #e8f5ff}.request-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.request-grid select{border:1px solid var(--line);border-radius:12px;padding:11px;background:white}.analysis-result{margin-top:16px;padding:15px;border-radius:14px;background:#eff9f5;border:1px solid #c8eadc;font-size:11px;line-height:1.65}.dashboard-grid,.ops-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h2{font-size:22px;margin:5px 0 0}.link-button{border:0;background:transparent;color:var(--primary);font-size:10px;font-weight:900}.match-list{display:grid;gap:10px}.match-item{border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}.match-logo{width:44px;height:44px;border-radius:13px;background:#eaf4ff;display:grid;place-items:center;font-weight:900;color:var(--primary)}.match-item small{display:block;color:var(--muted);margin-top:4px;font-size:9px}.match-score{font-size:12px;font-weight:900;color:#16865e;background:#eafbf4;padding:7px 9px;border-radius:999px}.chat-log{height:260px;overflow:auto;padding:6px;display:flex;flex-direction:column;gap:10px}.chat-ai,.chat-user{max-width:88%;padding:11px 13px;border-radius:14px;font-size:11px;line-height:1.5}.chat-ai{background:#edf6ff;align-self:flex-start}.chat-user{background:var(--primary);color:white;align-self:flex-end}.chat-form{display:grid;grid-template-columns:1fr 42px;gap:8px;margin-top:12px}.chat-form input{border:1px solid var(--line);border-radius:12px;padding:11px;outline:none}.chat-form button{border:0;border-radius:12px;background:var(--primary);color:white}.timeline{display:grid;gap:8px}.timeline article{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px}.timeline article>span{width:34px;height:34px;border-radius:11px;background:#edf6ff;display:grid;place-items:center;color:var(--primary);font-weight:900}.timeline small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.timeline b{font-size:9px;color:#657c91}.timeline b.done{color:#16865e}.company-hero{background:linear-gradient(145deg,#061a31,#0b416f);color:white;border-radius:25px;padding:32px}.company-hero p{color:#bdd0e0}.control-box{color:var(--navy)}.control-box .switch{margin-left:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric-grid article{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:7px}.metric-grid span{font-size:10px;color:var(--muted)}.metric-grid strong{font-size:24px}.metric-grid small{font-size:9px;color:#16865e}.action-list{display:grid;gap:10px}.action-list article{display:grid;grid-template-columns:55px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);padding:12px;border-radius:14px}.risk{font-size:8px;font-weight:900;padding:6px;border-radius:999px;text-align:center}.risk.green{background:#eafbf4;color:#16865e}.risk.yellow{background:#fff7db;color:#9a6a00}.risk.orange{background:#fff0e5;color:#b95719}.action-list small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.action-list button{border:0;background:#edf6ff;color:var(--primary);padding:8px 10px;border-radius:9px;font-size:9px;font-weight:900}.activity-feed{display:grid;gap:11px}.activity-feed p{font-size:10px;color:#62798f;border-bottom:1px solid var(--line);padding-bottom:11px}.activity-feed b{color:var(--navy);margin-right:8px}.rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rules-grid article{border:1px solid var(--line);border-radius:15px;padding:15px;display:grid;gap:8px}.rules-grid span{font-size:9px;color:var(--muted);line-height:1.5}.rules-grid b{font-size:9px;color:var(--primary)}@media(max-width:1000px){.app-layout{grid-template-columns:1fr}.app-sidebar{display:none}.dashboard-grid,.ops-grid{grid-template-columns:1fr}.metric-grid,.rules-grid{grid-template-columns:1fr 1fr}.app-welcome,.company-hero{align-items:flex-start;flex-direction:column}.ai-status-card,.control-box{width:100%}}@media(max-width:650px){.app-header{padding:0 14px}.system-pill{display:none}.app-content,.company-wrap{padding:18px 14px}.app-welcome h1,.company-hero h1{font-size:31px}.request-grid{grid-template-columns:1fr}.metric-grid,.rules-grid{grid-template-columns:1fr}.action-list article{grid-template-columns:50px 1fr}.action-list button{grid-column:2}.match-item{grid-template-columns:42px 1fr}.match-score{grid-column:2;width:max-content}.company-hero{padding:23px}}

.company-live-data {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.company-live-data span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 12px;
  border: 1px solid rgba(20, 80, 55, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  font-size: 0.88rem;
}

.company-live-data i {
  font-style: normal;
  font-weight: 700;
}

.company-status.verified {
  color: #087443;
}

.company-status.pending {
  color: #a76400;
}

.demo-notice {
  margin: 0 0 16px;
  padding: 12px 16px;
  border: 1px solid rgba(174, 111, 0, 0.22);
  border-radius: 14px;
  background: rgba(255, 244, 214, 0.82);
  color: #694500;
  font-size: 0.9rem;
}

.demo-notice strong {
  margin-right: 5px;
}

.action-list .empty-state {
  display: block;
  padding: 22px;
  border: 1px dashed rgba(20, 80, 55, 0.2);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.55);
}

.action-list .empty-state strong {
  display: block;
  margin-bottom: 6px;
}

.action-list .empty-state small,
.empty-feed {
  color: rgba(20, 45, 35, 0.68);
}

.link-button:disabled {
  cursor: default;
  opacity: 0.55;
}

.company-live-data {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}

.company-live-data span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid rgba(20, 80, 55, 0.13);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 8px 24px rgba(30, 70, 55, 0.06);
}

.company-live-data b {
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.62;
}

.company-live-data i {
  display: block;
  max-width: 100%;
  font-size: 0.96rem;
  font-style: normal;
  font-weight: 750;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .company-live-data {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .company-live-data {
    grid-template-columns: 1fr;
  }
}