*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --mobile-footer-logo-min: 176px;
  --mobile-footer-logo-max: 220px;
  --mobile-footer-top-gap: 2px;
  --mobile-footer-bottom-gap: 1px;
  --mobile-footer-content-padding: calc(84px + env(safe-area-inset-bottom,0px) + 18px);
  --font-size-small: 11px;
  --font-size-base: 13px;
  --font-size-heading: 20px;
  --color-secondary: #c9a227;
  --color-text: #1a2332;
  --color-text-secondary: #666666;
  --color-text-muted: #999999;
}
body{background:#F5F5F5;font-family:'Jost',sans-serif;color:#111;transition:background .25s ease,color .25s ease;min-height:100vh;overflow-x:hidden;}
body,input,textarea,button,select{font-size:var(--font-size-base);}
body.app-dark{background:radial-gradient(120% 140% at 50% -8%,#334155 0%,#1F2A3D 46%,#131C2B 100%);color:#1F2937;}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes pulse{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes wave{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
@keyframes ripple{0%{transform:scale(1);opacity:.6}100%{transform:scale(2);opacity:0}}
.ring{width:36px;height:36px;border:2px solid rgba(0,194,168,.3);border-top-color:#00C2A8;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px;}
.dot{width:7px;height:7px;border-radius:50%;background:#ccc;display:inline-block;animation:pulse 1.2s infinite;}
input,textarea,button{font-family:'Jost',sans-serif;}
input::placeholder,textarea::placeholder{color:var(--color-text-muted);}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px;}
.home-content-shell{max-width:760px;margin:0 auto;}
.app-shell{max-width:860px;margin:0 auto;padding:24px 16px 120px;position:relative;z-index:10;}
.app-content-wrap{background:linear-gradient(180deg,#FCFDFE 0%,#F8FAFC 100%);border:1px solid rgba(0,194,168,.3);border-radius:22px;padding:18px 16px 16px;box-shadow:0 22px 48px rgba(15,23,42,.28);}
.home-theme-wrap{background:#F8FAFD;border-radius:16px;padding:16px 12px 12px;border:1px solid rgba(0,194,168,.3);box-shadow:0 8px 20px rgba(15,23,42,.08);}
.home-card{border:1px solid rgba(0,194,168,.3);border-radius:12px;box-shadow:0 2px 7px rgba(15,23,42,.06);}
.home-tenant-head{position:relative;background:linear-gradient(180deg,#FFFFFF 0%,#F7FAFD 100%);padding:14px 16px;margin-bottom:14px;}
.home-tenant-head.home-card{border-color:rgba(0,194,168,.3);}
.home-tenant-head::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(51,65,85,.03) 0%,rgba(51,65,85,.15) 50%,rgba(51,65,85,.03) 100%);}
.home-tenant-label{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#64748B;margin-bottom:6px;}
.home-tenant-name{font-size:20px;font-weight:600;letter-spacing:.1px;color:#0F172A;line-height:1.2;}
.home-tenant-code{margin-top:8px;font-size:13px;color:#64748B;}
.home-tenant-code strong{font-weight:600;color:#1E293B;}
.home-nav-shell{background:#FFFFFF;padding:6px;margin-bottom:12px;border-color:rgba(0,194,168,.3);}
.home-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.home-tab{position:relative;background:#F8FAFC;border:1px solid rgba(0,194,168,.3);border-radius:10px;padding:12px 12px 11px;text-align:left;cursor:pointer;min-height:74px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;}
.home-tab:hover{border-color:#A4B7CF;background:#F1F5F9;transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.1);}
.home-tab:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.3);}
.home-tab.active{background:#FFFFFF;border-color:#7CA7DF;box-shadow:0 0 0 1px rgba(125,151,187,.32),0 10px 24px rgba(15,23,42,.1),inset 0 -2px 0 0 var(--tenant-accent,#00C2A8);}
.home-tab-title{font-size:15px;font-weight:600;color:#334155;margin-bottom:4px;letter-spacing:.1px;}
.home-tab-desc{font-size:13px;color:#64748B;line-height:1.35;}
.home-tab.active .home-tab-title{color:#0F172A;}
.home-tab.active .home-tab-desc{color:#475569;}
.home-panel{background:#FFFFFF;padding:14px;border:1px solid rgba(0,194,168,.3);border-radius:12px;}
.home-panel-title{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#64748B;margin-bottom:10px;}
.home-panel-subtitle{font-size:13px;color:#64748B;margin-bottom:10px;letter-spacing:.2px;}
.home-module-card{width:100%;background:#FFFFFF;padding:18px 16px;text-align:left;margin-bottom:10px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;cursor:default;border:1px solid rgba(0,194,168,.3);}
.home-module-card.is-active{cursor:pointer;}
.home-module-card.is-active:hover{border-color:#8DB3E4;box-shadow:0 12px 24px rgba(15,23,42,.14),0 0 0 1px rgba(56,189,248,.15);transform:translateY(-1px);}
.home-module-title{font-size:17px;font-weight:600;color:#0F172A;margin-bottom:4px;}
.home-module-desc{font-size:13px;color:#475569;line-height:1.5;margin-bottom:10px;}
.home-module-cta{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#1E3A5F;border-radius:999px;border:1px solid rgba(0,194,168,.3);background:#EFF6FF;padding:4px 10px;}
.home-module-card.is-active .home-module-cta{color:#0F335B;border-color:#84A9DA;background:#E6F0FD;box-shadow:0 0 0 1px rgba(56,189,248,.12);}
.ki-category-list{display:flex;flex-direction:column;gap:10px;}
.ki-category{border:1px solid rgba(0,194,168,.3);border-radius:12px;background:#FFFFFF;overflow:hidden;box-shadow:0 3px 8px rgba(15,23,42,.08);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}
.ki-category-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s ease;}
.ki-category-head:hover{background:#F1F5F9;}
.ki-category-head:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgba(96,165,250,.32);}
.ki-category-title{font-size:13px;font-weight:600;color:#0F172A;letter-spacing:.15px;}
.ki-category-hint{font-size:11px;color:#64748B;line-height:1.45;margin-top:3px;}
.ki-category-chevron{font-size:13px;color:#64748B;}
.ki-category-lock{display:inline-block;font-size:11px;letter-spacing:.35px;text-transform:uppercase;color:#7C2D12;background:#FFF7ED;border:1px solid #FDBA74;border-radius:999px;padding:2px 6px;margin-top:6px;}
.ki-tool-card{background:#FFFFFF;border:1px solid rgba(0,194,168,.3);border-radius:10px;padding:11px 12px;margin-bottom:8px;box-shadow:0 2px 7px rgba(15,23,42,.06);}
.ki-tool-card:last-child{margin-bottom:0;}
.ki-tool-title{font-size:13px;font-weight:600;color:#1E293B;}
.ki-tool-status{font-size:11px;letter-spacing:.35px;text-transform:uppercase;color:#1E3A5F;background:#EFF6FF;border:1px solid rgba(0,194,168,.3);border-radius:999px;padding:2px 6px;}
.ki-tool-desc{font-size:13px;color:#475569;line-height:1.45;margin-top:5px;}
.ki-tools-overlay{position:fixed;inset:0;background:rgba(15,23,42,.32);z-index:400;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);animation:kiToolsOverlayIn .24s ease-out both;}
.ki-tools-panel{position:fixed;left:50%;top:46%;transform:translate(-50%,-50%) scale(.97);width:min(640px,calc(100vw - 32px));min-height:clamp(300px,42vh,390px);max-height:70vh;background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);border:1px solid rgba(0,194,168,.3);border-radius:16px;box-shadow:0 24px 56px rgba(15,23,42,.24),0 2px 10px rgba(15,23,42,.08);z-index:410;display:flex;flex-direction:column;animation:kiToolsPanelIn .24s cubic-bezier(.2,.8,.2,1) both;transform-origin:center center;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black);}
.ki-tools-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 16px 14px;border-bottom:1px solid rgba(0,194,168,.3);background:#FFFFFF;border-top-left-radius:inherit;border-top-right-radius:inherit;}
.ki-tools-panel-title{font-size:20px;font-weight:600;color:#0F172A;line-height:1.2;}
.ki-tools-panel-subtitle{font-size:13px;color:#64748B;margin-top:4px;line-height:1.4;}
.ki-tools-panel-close{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,194,168,.3);background:#FFFFFF;color:#475569;font-size:20px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .16s ease,box-shadow .16s ease;}
.ki-tools-panel-close:hover{border-color:#93B2D7;box-shadow:0 0 0 1px rgba(96,165,250,.2);}
.ki-tools-panel-body{padding:14px 14px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;}
body.ki-tools-panel-open{overflow:hidden;}
@keyframes kiToolsOverlayIn{from{opacity:0}to{opacity:1}}
@keyframes kiToolsPanelIn{from{opacity:0;transform:translate(-50%,-50%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.home-empty-state{background:#F8FAFC;border:1px dashed rgba(0,194,168,.3);border-radius:10px;padding:12px;font-size:13px;color:#64748B;line-height:1.5;}
.home-reset-btn{width:100%;margin-top:10px;background:#FFFFFF;border:1px solid rgba(0,194,168,.3);color:#334155;border-radius:8px;padding:11px;font-size:13px;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;}
.home-reset-btn:hover{border-color:#8FB0DA;box-shadow:0 0 0 1px rgba(96,165,250,.2),0 0 14px rgba(56,189,248,.12);background:#F8FBFF;}
.admin-shell{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:14px;align-items:start;}
.admin-card{background:#FFFFFF;border:1px solid rgba(0,194,168,.3);border-radius:12px;padding:14px;box-shadow:0 2px 7px rgba(15,23,42,.06);}
.admin-title{font-size:20px;font-weight:600;color:#0F172A;}
.admin-subtitle{margin-top:4px;font-size:13px;color:#64748B;line-height:1.4;}
.admin-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
.admin-list-item{width:100%;text-align:left;border:1px solid rgba(0,194,168,.3);background:#F8FAFC;border-radius:10px;padding:10px 11px;cursor:pointer;font-size:13px;color:#334155;}
.admin-list-item.active{background:#FFFFFF;border-color:#7CA7DF;box-shadow:0 0 0 1px rgba(125,151,187,.28);}
.admin-button{display:inline-flex;align-items:center;justify-content:center;background:#00C2A8;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;cursor:pointer;transition:background .2s ease;}
.admin-button:hover{background:#00a896;}
.admin-button.secondary{background:transparent;border:1.5px solid #00C2A8;color:#00C2A8;}
.admin-button.secondary:hover{background:rgba(0,194,168,.08);}
.btn-primary:hover,.action-btn:hover{background:#00a896;color:#fff;}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;margin-bottom:12px;}
.admin-tab{border:1px solid rgba(0,194,168,.3);background:#F8FAFC;color:#334155;border-radius:999px;padding:7px 12px;font-size:13px;cursor:pointer;}
.admin-tab.active{background:#FFFFFF;border-color:#7CA7DF;color:#0F172A;box-shadow:0 0 0 1px rgba(125,151,187,.25);}
.admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.admin-field{display:flex;flex-direction:column;gap:6px;}
.admin-field.full{grid-column:1 / -1;}
.admin-field-label{font-size:11px;color:#64748B;letter-spacing:.3px;}
.admin-input,.admin-textarea,.admin-select{width:100%;border:1px solid rgba(0,194,168,.3);border-radius:8px;padding:9px 10px;font-size:13px;color:#334155;background:#FFFFFF;}
input,textarea,select{border:1.5px solid rgba(0,194,168,.3);border-radius:8px;transition:border-color .2s ease;}
input:focus,textarea:focus,select:focus{border-color:#00C2A8;outline:none;box-shadow:0 0 0 2px rgba(0,194,168,.12);}
.admin-textarea{resize:vertical;min-height:72px;}
.admin-scenario-stack{display:flex;flex-direction:column;gap:14px;}
.admin-scenario-block{border:1px solid rgba(0,194,168,.3);border-radius:12px;background:#F8FAFC;padding:12px;}
.admin-scenario-title{font-size:15px;font-weight:600;color:#1E293B;margin-bottom:8px;}
.admin-scenario-actions{margin-top:8px;display:flex;justify-content:flex-end;}
.admin-scenario-textarea{min-height:132px;font-size:15px;line-height:1.45;}
.admin-tools-list{display:flex;flex-direction:column;gap:12px;}
.admin-module{border:1px solid rgba(0,194,168,.3);border-radius:12px;background:#F8FAFC;padding:12px;}
.admin-module-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.admin-module-title{font-size:15px;font-weight:600;color:#0F172A;}
.admin-module-subtitle{font-size:13px;color:#64748B;margin-top:4px;}
.admin-module-areas{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-left:12px;border-left:2px solid rgba(0,194,168,.3);}
.admin-tool-area{border:1px solid rgba(0,194,168,.3);border-radius:10px;background:#FFFFFF;padding:10px;}
.admin-tool-area-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.admin-tool-area-title{font-size:13px;font-weight:600;color:#1E293B;}
.admin-tool-sublist{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-left:10px;border-left:2px solid rgba(0,194,168,.3);}
.admin-tool-subrow{display:grid;grid-template-columns:minmax(120px,1fr) minmax(190px,240px);gap:10px;align-items:center;border:1px solid rgba(0,194,168,.3);border-radius:8px;padding:9px;background:#F8FAFC;}
.admin-tool-level-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:#334155;white-space:nowrap;}
.admin-tool-level-toggle input{margin:0;}
.admin-tool-state.is-disabled{opacity:.52;}
.admin-tool-state.is-disabled .admin-select,
.admin-tool-state.is-disabled input{pointer-events:none;}
.admin-chip{font-size:11px;color:#475569;background:#F1F5F9;border:1px solid rgba(0,194,168,.3);border-radius:999px;padding:4px 8px;}
.admin-tool-status{font-size:13px;color:#334155;}
.admin-input[readonly]{background:#F1F5F9;color:#64748B;}
.admin-draft-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;}
.admin-draft-item{display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid rgba(0,194,168,.3);border-radius:8px;background:#FFFFFF;}
.admin-draft-label{font-size:11px;letter-spacing:.35px;text-transform:uppercase;color:#64748B;}
.admin-muted{font-size:13px;color:#64748B;line-height:1.45;}
.admin-status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;letter-spacing:.3px;border:1px solid rgba(0,194,168,.3);background:#F8FAFC;color:#334155;}
.admin-status-badge.unsaved{background:#FFF7ED;border-color:#FDBA74;color:#9A3412;}
.admin-status-badge.saved{background:#ECFDF3;border-color:#86EFAC;color:#166534;}
@media (max-width:820px){
  .admin-shell{grid-template-columns:1fr;}
}
@media (max-width:620px){
  .admin-fields{grid-template-columns:1fr;}
  .admin-module-head,.admin-tool-area-head{flex-direction:column;align-items:flex-start;}
  .admin-tool-subrow{grid-template-columns:1fr;justify-items:start;}
}
.tenant-footer-layer{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:520;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:0 12px calc(env(safe-area-inset-bottom,0px) + var(--mobile-footer-bottom-gap));
  pointer-events:none;
}

.tenant-floating-logo{
  position:relative;
  left:0;
  bottom:0;
  z-index:1;
  pointer-events:none;
  opacity:1;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  filter:drop-shadow(0 16px 30px rgba(2,6,23,.55));
}

.tenant-floating-logo img{
  display:block;
  width:clamp(260px,34vw,440px);
  min-width:176px;
  max-height:180px;
  height:auto;
  object-fit:contain;
}

.tenant-floating-logo-fallback svg{
  display:block;
  width:clamp(260px,34vw,440px);
  min-width:176px;
  height:auto;
}

.tenant-fixed-links{
  position:fixed;
  bottom:max(8px,calc(env(safe-area-inset-bottom,0px) + 2px));
  right:12px;
  z-index:530;
  display:flex;
  gap:14px;
  align-items:center;
}
.tenant-fixed-links a,.tenant-fixed-links button{color:var(--color-text-muted);font-size:11px;text-decoration:underline;}
.tenant-fixed-links button{background:transparent;border:none;cursor:pointer;}
@media (max-width:420px){
  .home-tab{min-height:66px;padding:10px;}
  .home-theme-wrap{padding:14px 10px 10px;border-radius:14px;}
  .app-shell{padding:18px 10px var(--mobile-footer-content-padding);}
  .tenant-fixed-links{
    bottom:max(8px,calc(env(safe-area-inset-bottom,0px) + 2px));
    right:10px;
    z-index:530;
  }
}
@media (max-width:900px){
  .app-shell{
    padding-bottom:var(--mobile-footer-content-padding);
  }

  .tenant-footer-layer{
    min-height:auto;
    padding:
      var(--mobile-footer-top-gap)
      12px
      calc(env(safe-area-inset-bottom,0px) + var(--mobile-footer-bottom-gap));
    background:#131C2B;
    border-top:1px solid rgba(255,255,255,.06);
    box-shadow:0 -10px 30px rgba(2,6,23,.24);
  }

  .tenant-floating-logo img,
  .tenant-floating-logo-fallback svg{
    width:clamp(var(--mobile-footer-logo-min),42vw,var(--mobile-footer-logo-max));
    min-width:var(--mobile-footer-logo-min);
    max-width:var(--mobile-footer-logo-max);
    max-height:88px;
  }

  body.simulation-active .tenant-footer-layer{
    background:linear-gradient(
      180deg,
      rgba(19,28,43,0) 0%,
      rgba(19,28,43,.22) 52%,
      rgba(19,28,43,.68) 100%
    );
    border-top-color:rgba(255,255,255,.04);
    box-shadow:none;
  }
}
@media (max-width:720px){
  .ki-tools-panel{top:50%;left:50%;width:min(620px,calc(100vw - 20px));min-height:300px;max-height:78vh;border-radius:14px;box-shadow:0 18px 38px rgba(15,23,42,.24),0 2px 8px rgba(15,23,42,.08);}
}
@media (prefers-reduced-motion: reduce){
  .ki-tools-overlay,.ki-tools-panel{animation:none;}
}

.sim-mode-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;}
.sim-mode-title{font-size:15px;margin-bottom:2rem;text-align:center;}
.sim-mode-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;}
.sim-mode-btn{background:#00C2A8;color:#fff;border:none;border-radius:12px;padding:1.5rem 2rem;cursor:pointer;min-width:160px;min-height:44px;display:flex;flex-direction:column;align-items:center;gap:0.5rem;}
.sim-mode-btn-title{font-size:15px;font-weight:600;}
.sim-mode-btn-sub{font-size:13px;opacity:0.85;}
.live-indicator{background:rgba(0,194,168,.15);border:1px solid #00C2A8;color:#00C2A8;border-radius:20px;padding:10px 20px;font-size:13px;font-weight:500;text-align:center;letter-spacing:.3px;}
.section-title{font-size:var(--font-size-small);letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:var(--color-secondary);margin-bottom:4px;}
h1,h2,.screen-title{font-size:var(--font-size-heading);}
.action-btn{background:#00C2A8;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer;transition:background .2s ease,border-color .2s ease;}
.sim-button{background:#00C2A8;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;cursor:pointer;transition:background .2s ease;}
.card,.admin-card,.home-module-card,.ki-category,.sim-mode-btn{border:1.5px solid rgba(0,194,168,.3);border-radius:12px;transition:border-color .2s ease;}
.card:hover,.home-module-card.is-active:hover,.ki-category:hover{border-color:rgba(0,194,168,.6);}
.situ-btn{border:1.5px solid rgba(0,194,168,.35);background:#fff;color:#1a2332;border-radius:20px;padding:5px 12px;font-size:13px;cursor:pointer;margin:0 4px 4px 0;transition:border-color .2s ease,background .2s ease;}
.situ-btn:hover{border-color:#00C2A8;background:rgba(0,194,168,.08);}
.situ-btn.active{border:1.5px solid #00C2A8;background:#00C2A8;color:#fff;}
button:active,.admin-button:active,.action-btn:active{background:#009688;color:#fff;transform:scale(0.98);}

/* ── CHECK 3 FIX: iOS auto-zoom prevention ─────────────────────
   iOS Safari auto-zooms when a focused input has font-size < 16px.
   This targets iOS/Safari only via -webkit-touch-callout support. */
@supports (-webkit-touch-callout: none) {
  input, textarea, select { font-size: 16px; }
}

/* ── CHECK 3 FIX: :active touch fallbacks for :hover transforms ─
   :hover does not fire reliably on iOS touch. Add :active mirrors
   for interactive elements that use transform or visual state. */
.home-tab:active{border-color:#A4B7CF;background:#F1F5F9;transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.1);}
.home-module-card.is-active:active{border-color:#8DB3E4;box-shadow:0 12px 24px rgba(15,23,42,.14),0 0 0 1px rgba(56,189,248,.15);transform:translateY(-1px);}
.ki-category-head:active{background:#F1F5F9;}
.card:active,.home-module-card.is-active:active,.ki-category:active{border-color:rgba(0,194,168,.6);}
.situ-btn:active:not(.active){border-color:#00C2A8;background:rgba(0,194,168,.08);}