html.clokit-pi-open,body.clokit-pi-open{overflow:hidden!important;height:100%!important}
#clokitPropertyIntelligence{
  position:fixed;inset:0;z-index:2147483000;
  background:#071923;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#173247;
}
.clokit-pi-shell{
  width:100vw;height:100dvh;
  background:#edf4f7;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  border:0;border-radius:0;box-shadow:none;
}
.clokit-pi-head{
  min-height:92px;
  padding:18px 28px 16px;
  background:linear-gradient(105deg,#06283a 0%,#083d55 52%,#0c6f93 100%);
  color:#fff;
  display:flex;justify-content:space-between;gap:24px;align-items:center;
  border-bottom:1px solid rgba(255,255,255,.11);
}
.clokit-pi-head>div{min-width:0}
.clokit-pi-head small{
  display:block;
  font-weight:1000;letter-spacing:.17em;font-size:11px;
  opacity:.68;
}
.clokit-pi-head h1{
  font-size:34px;line-height:1;margin:7px 0 5px;letter-spacing:-.035em;
}
.clokit-pi-head p{
  margin:0;color:rgba(255,255,255,.76);font-size:14px;
}
.clokit-pi-close{
  flex:0 0 auto;border:1px solid rgba(255,255,255,.14);
  border-radius:14px;background:rgba(255,255,255,.09);color:#fff;
  width:48px;height:48px;font-size:28px;cursor:pointer;
  transition:.18s ease;
}
.clokit-pi-close:hover{background:rgba(255,255,255,.17);transform:translateY(-1px)}
.clokit-pi-search{
  padding:12px 18px;
  background:#fff;
  border-bottom:1px solid #d7e3e8;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;
  box-shadow:0 5px 22px rgba(7,35,50,.05);
  position:relative;z-index:4;
}
.clokit-pi-search input{
  min-width:0;border:1px solid #c7d8df;border-radius:13px;
  padding:14px 17px;font-size:16px;outline:none;background:#fbfdfe;
}
.clokit-pi-search input:focus{
  border-color:#2b99c5;box-shadow:0 0 0 4px rgba(32,151,201,.11);background:#fff;
}
.clokit-pi-search button,.clokit-pi-primary,.clokit-pi-notfound button{
  border:0;border-radius:12px;background:linear-gradient(135deg,#0b8fc7,#0874a5);
  color:#fff;padding:13px 20px;font-weight:950;cursor:pointer;
  box-shadow:0 8px 22px rgba(10,126,177,.18);
}
.clokit-pi-body{
  min-height:0;overflow:hidden;padding:0;background:#dfeaf0;
}
.clokit-pi-map-home,.clokit-pi-result{
  width:100%;height:100%;min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 370px;
  gap:0;
}
.clokit-pi-viewer-card{
  min-width:0;min-height:0;height:100%;
  background:#071b26;
  border:0;border-radius:0;
  overflow:hidden;
  display:grid;grid-template-rows:minmax(0,1fr) 54px;
  position:relative;
}
.clokit-twin-viewport{
  position:relative;min-width:0;min-height:0;height:100%;
  background:radial-gradient(circle at 50% 40%,#17485e,#0b2633 48%,#06151e 100%);
  overflow:hidden;
}
.clokit-twin-viewport .maplibregl-map,
.clokit-twin-viewport .maplibregl-canvas-container,
.clokit-twin-viewport .maplibregl-canvas{
  width:100%!important;height:100%!important;
}
.clokit-twin-viewport .maplibregl-canvas{outline:none}
.clokit-twin-viewport .maplibregl-ctrl-top-right{top:14px;right:14px}
.clokit-twin-viewport .maplibregl-ctrl-group{
  border-radius:12px;overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.clokit-twin-viewport .maplibregl-ctrl-attrib{
  font-size:9px;background:rgba(255,255,255,.88)
}
.clokit-twin-toolbar{
  min-height:54px;
  display:flex;align-items:center;gap:8px;
  padding:8px 12px;
  border-top:1px solid #d5e2e8;
  background:#fff;
}
.clokit-twin-toolbar button{
  border:1px solid #ccdde4;background:#f7fafc;border-radius:9px;
  padding:8px 12px;font-weight:850;color:#27495b;cursor:pointer;
}
.clokit-twin-toolbar button:hover{background:#eaf5fa;border-color:#92c2d5}
.clokit-twin-toolbar span{
  margin-left:auto;font-size:10px;color:#78909b;font-weight:750;white-space:nowrap;
}
.clokit-pi-map-intro,.clokit-pi-record{
  min-width:0;min-height:0;height:100%;
  overflow:auto;
  background:#fff;
  border-left:1px solid #d7e4e9;
  padding:28px 26px;
}
.clokit-pi-map-intro{
  display:flex;flex-direction:column;justify-content:center;
  overflow:hidden;
  scrollbar-width:none;
}
.clokit-pi-map-intro::-webkit-scrollbar{display:none}
.clokit-pi-kicker{
  font-size:10px;font-weight:1000;letter-spacing:.16em;color:#0787bb;
}
.clokit-pi-map-intro h2{
  font-size:32px;line-height:1.02;margin:9px 0 13px;letter-spacing:-.03em;
}
.clokit-pi-map-intro p{
  color:#5d7581;line-height:1.65;margin:0;font-size:15px;
}
.clokit-pi-flow{
  margin-top:26px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;
}
.clokit-pi-flow span{
  padding:8px 11px;background:#eef6f9;border-radius:999px;font-weight:850;font-size:13px;
}
.clokit-pi-flow b{color:#6d8996}
.clokit-pi-status{
  display:inline-flex;padding:7px 10px;border-radius:999px;
  font-size:10px;font-weight:1000;letter-spacing:.09em;
  background:#fff1cf;color:#8b5e00;
}
.clokit-pi-status.verified{background:#e4f7ed;color:#067241}
.clokit-pi-status.historical{background:#fff4d9;color:#8a5a00;border:1px solid #f0cf7d}
.clokit-pi-record h2{
  font-size:28px;line-height:1.08;margin:15px 0 24px;letter-spacing:-.03em;
}
.clokit-pi-record dl{margin:0}
.clokit-pi-record dl div{padding:13px 0;border-top:1px solid #e5edf1}
.clokit-pi-record dt{
  font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#7b919c;
}
.clokit-pi-record dd{
  margin:5px 0 0;font-weight:800;word-break:break-word;color:#1c3a49;
}
.clokit-pi-primary{width:100%;margin-top:20px}
.clokit-pi-note{font-size:12px;line-height:1.55;color:#6d838e;margin-top:14px}
.clokit-pi-no-record p{color:#607984;line-height:1.6}
.clokit-pi-loading,.clokit-pi-error{
  width:100%;height:100%;min-height:0;
  background:#f7fbfd;
  display:grid;place-items:center;align-content:center;
  text-align:center;padding:36px;gap:10px;
}
.clokit-pi-loading span,.clokit-pi-error span{color:#617987}
.clokit-pi-loader-ring{
  width:48px;height:48px;border-radius:50%;
  border:4px solid #d9edf6;border-top-color:#0c88be;
  animation:clokitPiSpin .85s linear infinite;
}
@keyframes clokitPiSpin{to{transform:rotate(360deg)}}
.clokit-map-loading,.clokit-map-fallback{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:#fff;text-align:center;gap:9px;
  padding:30px;
  background:
    radial-gradient(circle at 50% 38%,rgba(18,106,142,.72),rgba(5,24,34,.93) 56%,rgba(3,15,22,.99)),
    linear-gradient(135deg,#0b3244,#071b26);
}
.clokit-map-loading:before{
  content:"";width:74px;height:74px;border-radius:50%;
  border:1px solid rgba(93,213,255,.45);
  box-shadow:0 0 68px rgba(31,177,226,.30),inset 0 0 34px rgba(31,177,226,.15);
  animation:clokitPiPulse 1.5s ease-in-out infinite;
}
.clokit-map-loading b,.clokit-map-fallback b{font-size:19px}
.clokit-map-loading span,.clokit-map-fallback span{font-size:12px;opacity:.72}
.clokit-map-fallback-mark{
  width:74px;height:74px;border-radius:22px;
  display:grid;place-items:center;
  font-size:21px;font-weight:1000;
  color:#9fe7ff;background:rgba(24,128,169,.18);
  border:1px solid rgba(108,220,255,.22);
  box-shadow:0 16px 50px rgba(0,0,0,.18);
}
.clokit-map-fallback button{
  margin-top:8px;border:1px solid rgba(255,255,255,.2);
  border-radius:10px;padding:9px 13px;
  background:rgba(255,255,255,.1);color:#fff;font-weight:850;cursor:pointer;
}
@keyframes clokitPiPulse{50%{transform:scale(1.08);opacity:.72}}
.clokit-map-pin{
  width:36px;height:36px;position:relative;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3))
}
.clokit-map-pin span{
  position:absolute;left:8px;top:8px;width:20px;height:20px;
  border-radius:50%;background:#31c3ff;border:4px solid #fff;z-index:2;
}
.clokit-map-pin i{
  position:absolute;inset:0;border-radius:50%;background:rgba(49,195,255,.28);
  animation:clokitMapPing 1.8s ease-out infinite;
}
@keyframes clokitMapPing{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.1);opacity:0}}
.clokit-map-popup .maplibregl-popup-content{
  border-radius:12px;padding:11px 13px;
  box-shadow:0 12px 30px rgba(2,28,42,.22);color:#173247;
}
.clokit-map-popup b,.clokit-map-popup small{display:block}
.clokit-map-popup small{margin-top:4px;color:#6c828d}

@media(max-width:1050px){
  .clokit-pi-map-home,.clokit-pi-result{grid-template-columns:minmax(0,1fr) 320px}
  .clokit-pi-head h1{font-size:30px}
}
@media(max-width:820px){
  .clokit-pi-shell{grid-template-rows:auto auto minmax(0,1fr)}
  .clokit-pi-head{min-height:82px;padding:15px 16px}
  .clokit-pi-head h1{font-size:27px}
  .clokit-pi-head p{font-size:12px}
  .clokit-pi-search{padding:10px 12px;grid-template-columns:1fr}
  .clokit-pi-search button{width:100%}
  .clokit-pi-body{overflow:auto}
  .clokit-pi-map-home,.clokit-pi-result{
    height:auto;min-height:100%;
    grid-template-columns:1fr;
    grid-template-rows:minmax(520px,64dvh) auto;
  }
  .clokit-pi-viewer-card{min-height:520px}
  .clokit-pi-map-intro,.clokit-pi-record{
    height:auto;min-height:310px;border-left:0;border-top:1px solid #d7e4e9;
  }
}
@media(max-width:600px){
  .clokit-pi-head small{font-size:9px}
  .clokit-pi-head h1{font-size:24px}
  .clokit-pi-close{width:42px;height:42px}
  .clokit-pi-map-home,.clokit-pi-result{grid-template-rows:minmax(430px,58dvh) auto}
  .clokit-pi-viewer-card{min-height:430px}
  .clokit-pi-map-intro,.clokit-pi-record{padding:20px}
  .clokit-pi-map-intro h2,.clokit-pi-record h2{font-size:25px}
  .clokit-twin-toolbar{gap:6px}
  .clokit-twin-toolbar button{flex:1}
  .clokit-twin-toolbar span{display:none}
}
.clokit-pi-result.files-open{grid-template-columns:minmax(0,1fr) 520px}
.clokit-pi-tabs{display:flex;gap:8px;margin:-4px 0 18px}
.clokit-pi-tabs button{border:1px solid #d4e1e6;background:#f5f9fb;color:#365564;border-radius:999px;padding:8px 12px;font-weight:850;cursor:pointer}
.clokit-pi-tabs button.active{background:#0b82b6;color:white;border-color:#0b82b6}
.clokit-pi-tabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:rgba(255,255,255,.2);font-size:10px;margin-left:4px}
.clokit-pi-library-head h2{margin:8px 0 6px}
.clokit-pi-library-head p{margin:0 0 14px;color:#637b87;line-height:1.55}
.clokit-pi-library-tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.clokit-pi-library-tools button{border:0;border-radius:10px;background:#0b83b8;color:#fff;padding:9px 12px;font-weight:850;cursor:pointer}
.clokit-pi-library-tools button.secondary{background:#eef5f8;color:#2c5366;border:1px solid #d4e2e8}
.clokit-pi-asset-summary{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 15px}
.clokit-pi-asset-summary span{background:#eef5f8;border:1px solid #dce7eb;border-radius:999px;padding:6px 9px;font-size:11px;color:#4d6673}
.clokit-pi-asset-summary b{color:#173747}
.clokit-pi-assets{display:flex;flex-direction:column;gap:9px}
.clokit-pi-asset{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dce7eb;border-radius:13px;padding:10px;background:#fbfdfe}
.clokit-pi-asset.locked{opacity:.75}
.clokit-pi-asset-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f4f8,#d8edf5);color:#0b7fac;font-size:20px;font-weight:900}
.clokit-pi-asset-copy{min-width:0}
.clokit-pi-asset-copy span{display:block;font-size:9px;letter-spacing:.1em;font-weight:950;color:#6f8a96}
.clokit-pi-asset-copy b{display:block;margin-top:2px;color:#173747;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clokit-pi-asset-copy small{display:block;color:#738994;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clokit-pi-asset-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.clokit-pi-asset-actions button{border:0;border-radius:9px;background:#0a82b7;color:#fff;padding:7px 9px;font-size:11px;font-weight:850;cursor:pointer}
.clokit-pi-asset-actions button.secondary{background:#eef5f8;color:#34586a;border:1px solid #d6e4ea}
.clokit-pi-asset-actions button:disabled{background:#e9eef1;color:#8da0a9;cursor:not-allowed}
.clokit-pi-empty-assets{padding:20px;border:1px dashed #ccdce3;border-radius:12px;background:#f8fbfc;text-align:center}
.clokit-pi-empty-assets b,.clokit-pi-empty-assets span{display:block}
.clokit-pi-empty-assets span{margin-top:5px;color:#6c838e;font-size:12px;line-height:1.45}
@media(max-width:1100px){.clokit-pi-result.files-open{grid-template-columns:minmax(0,1fr) 430px}}
@media(max-width:820px){.clokit-pi-result.files-open{grid-template-columns:1fr}.clokit-pi-asset{grid-template-columns:38px minmax(0,1fr)}.clokit-pi-asset-actions{grid-column:1/-1;justify-content:flex-start}}

.clokit-registry-pin{width:24px;height:24px;border:0;border-radius:50%;padding:0;display:grid;place-items:center;background:rgba(9,132,183,.18);cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.7),0 8px 18px rgba(0,0,0,.22)}
.clokit-registry-pin span{width:10px;height:10px;border-radius:50%;background:#2ab9f0;border:2px solid #fff;box-shadow:0 0 0 5px rgba(42,185,240,.18)}
.clokit-registry-pin.verified span{background:#27c27a;box-shadow:0 0 0 5px rgba(39,194,122,.2)}
.clokit-registry-pin:hover{transform:scale(1.18)}

.clokit-pi-access-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:20px}
.clokit-pi-secondary{width:100%;border:1px solid #cbdde5;border-radius:12px;background:#f4f9fb;color:#244c60;padding:12px 16px;font-weight:900;cursor:pointer}
.clokit-pi-secondary:hover{background:#eaf5f9;border-color:#98c7da}
.clokit-pi-secondary.full{margin-top:12px}

.clokit-customer-workspace{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#eef4f7}
.clokit-customer-tabs{display:flex;gap:8px;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #d8e4e9;overflow-x:auto}
.clokit-customer-tabs button{border:1px solid #d3e0e6;background:#f6fafc;color:#365668;border-radius:999px;padding:9px 14px;font-weight:900;white-space:nowrap;cursor:pointer}
.clokit-customer-tabs button.active{background:#0b82b6;color:#fff;border-color:#0b82b6;box-shadow:0 6px 18px rgba(11,130,182,.15)}
.clokit-customer-tabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:rgba(255,255,255,.22);font-size:10px;margin-left:4px}
.clokit-customer-content{min-height:0;overflow:auto}
.clokit-customer-page{padding:24px;max-width:1500px;margin:0 auto}
.clokit-customer-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:linear-gradient(135deg,#ffffff,#f7fbfd);border:1px solid #d9e6eb;border-radius:18px;padding:20px 22px;margin-bottom:18px;box-shadow:0 10px 28px rgba(18,61,82,.05)}
.clokit-customer-hero h2{margin:6px 0 7px;font-size:28px;letter-spacing:-.03em;color:#16384a}
.clokit-customer-hero p{margin:0;color:#667e8a;line-height:1.55}
.clokit-customer-access{align-self:center;display:inline-flex;align-items:center;border-radius:999px;padding:8px 11px;background:#e6f7ed;color:#087143;font-weight:900;font-size:11px}
.clokit-pi-primary.compact{width:auto;margin:0;white-space:nowrap}
.clokit-deliv-group{background:#fff;border:1px solid #d9e6eb;border-radius:16px;padding:18px;margin-bottom:14px}
.clokit-deliv-group.empty{background:#fafcfd}
.clokit-deliv-group.empty p{color:#7a8e98;margin:6px 0 0}
.clokit-deliv-grouphead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
.clokit-deliv-grouphead h3{margin:0;color:#183a4b}
.clokit-deliv-grouphead span{font-size:11px;color:#748a95}
.clokit-deliv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.clokit-deliv-card{border:1px solid #dbe7ec;border-radius:14px;padding:14px;background:#fbfdfe;display:flex;flex-direction:column;min-height:185px}
.clokit-deliv-card.locked{opacity:.78}
.clokit-deliv-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#e7f3f8,#d9edf5);color:#0a7da9;font-size:20px;font-weight:950;margin-bottom:10px}
.clokit-deliv-type{font-size:9px;letter-spacing:.1em;font-weight:950;color:#78909b}
.clokit-deliv-card h4{margin:4px 0 6px;color:#16394b;font-size:15px;line-height:1.25}
.clokit-deliv-card p{margin:0 0 14px;color:#71858f;font-size:12px;line-height:1.45;flex:1}
.clokit-deliv-card button{border:0;border-radius:9px;padding:8px 10px;background:#0b82b6;color:#fff;font-weight:850;cursor:pointer}
.clokit-deliv-card button:disabled{background:#e9eef1;color:#8c9ca4;cursor:not-allowed}
.clokit-customer-update{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid #d9e6eb;border-radius:16px;padding:16px 18px}
.clokit-customer-update b,.clokit-customer-update span{display:block}
.clokit-customer-update span{margin-top:3px;color:#70858f;font-size:12px}
.clokit-property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.clokit-property-grid>div{background:#fff;border:1px solid #d9e6eb;border-radius:14px;padding:14px}
.clokit-property-grid span,.clokit-property-grid b{display:block}
.clokit-property-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#7b909a}
.clokit-property-grid b{margin-top:6px;color:#17394a;word-break:break-word}
.clokit-customer-rule{margin-top:14px;padding:16px;border-radius:14px;background:#0e3346;color:#fff}
.clokit-customer-rule b{font-size:14px}.clokit-customer-rule p{margin:6px 0 0;color:rgba(255,255,255,.74);line-height:1.5;font-size:12px}
.clokit-history-list{background:#fff;border:1px solid #d9e6eb;border-radius:16px;padding:18px}
.clokit-history-list article{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:0 0 20px;position:relative}
.clokit-history-list article:last-child{padding-bottom:0}
.clokit-history-list article:not(:last-child):before{content:"";position:absolute;left:8px;top:18px;bottom:0;width:2px;background:#dce8ed}
.clokit-history-dot{width:18px;height:18px;border-radius:50%;background:#b9cbd3;border:4px solid #eef4f7;z-index:1}
.clokit-history-dot.current{background:#19a970}
.clokit-history-list span,.clokit-history-list b,.clokit-history-list small{display:block}
.clokit-history-list span{font-size:10px;font-weight:900;color:#7c909a;text-transform:uppercase}
.clokit-history-list b{margin-top:3px;color:#17394a}.clokit-history-list small{margin-top:3px;color:#798d97}
.clokit-history-empty{background:#fff;border:1px dashed #cbdce4;border-radius:16px;padding:26px;text-align:center}
.clokit-history-empty p{color:#728690;margin:6px 0 0}
@media(max-width:1050px){.clokit-deliv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clokit-property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.clokit-customer-page{padding:14px}.clokit-customer-hero{flex-direction:column}.clokit-deliv-grid,.clokit-property-grid{grid-template-columns:1fr}.clokit-customer-update{flex-direction:column;align-items:stretch}.clokit-pi-primary.compact{width:100%}}

.clokit-registry-legend{display:flex;align-items:center;gap:6px;margin-left:4px;padding:6px 9px;border-radius:999px;background:#f5f9fb;border:1px solid #d8e4e9;color:#5a7380;font-size:10px;white-space:nowrap}
.clokit-registry-legend>span{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(42,185,240,.12)}
.clokit-registry-legend>span.verified{background:#27c27a;box-shadow:0 0 0 3px rgba(39,194,122,.13)}
.clokit-registry-legend>span.historical{background:#e2a736;box-shadow:0 0 0 3px rgba(226,167,54,.16)}
.clokit-registry-legend>span.provisional{background:#2ab9f0}
.clokit-registry-legend b{font-weight:850;color:#405d6b}
.clokit-registry-legend em{font-style:normal;margin-left:4px;color:#78909a}
@media(max-width:900px){.clokit-registry-legend{display:none}}

.clokit-twin-product{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#eef4f7}
.clokit-twin-modebar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;background:#fff;border-bottom:1px solid #d8e4e9}
.clokit-twin-switch{display:flex;gap:7px;align-items:center}
.clokit-twin-switch button{border:1px solid #d2e0e6;background:#f6fafc;color:#365768;border-radius:999px;padding:8px 13px;font-weight:900;cursor:pointer}
.clokit-twin-switch button.active{background:#0b82b6;border-color:#0b82b6;color:#fff;box-shadow:0 6px 18px rgba(11,130,182,.16)}
.clokit-twin-switch button span{display:inline-block;margin-left:5px;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.2);font-size:9px}
.clokit-twin-readiness{display:flex;gap:7px;align-items:center}
.clokit-twin-readiness span{border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;border:1px solid transparent}
.clokit-twin-readiness .ready{background:#e5f7ed;color:#0b7544;border-color:#bfe8d0}
.clokit-twin-readiness .pending{background:#f2f5f7;color:#71858f;border-color:#dce5e9}
.clokit-building-model-shell{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#071f2c}
.clokit-building-model-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:18px 22px;background:linear-gradient(135deg,#0d3448,#0a5977);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.clokit-building-model-head h2{margin:5px 0 6px;font-size:24px;letter-spacing:-.025em}
.clokit-building-model-head p{margin:0;max-width:760px;color:rgba(255,255,255,.72);font-size:12px;line-height:1.55}
.clokit-building-model-head .clokit-pi-kicker{color:#66d3fb}
.clokit-pi-secondary.compact{width:auto;white-space:nowrap;background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.24)}
.clokit-building-model-host{position:relative;min-height:0;background:radial-gradient(circle at 50% 40%,#143e51,#071f2c 68%);overflow:hidden}
.clokit-building-model-host model-viewer{width:100%;height:100%;min-height:420px;background:transparent;--poster-color:transparent}
.clokit-model-loading,.clokit-model-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:26px;color:#dcecf3}
.clokit-model-loading b,.clokit-model-empty b{font-size:18px}
.clokit-model-loading span,.clokit-model-empty span{display:block;max-width:520px;margin-top:7px;color:#9bb4c0;line-height:1.5}
.clokit-model-empty .icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;margin-bottom:12px;background:rgba(42,185,240,.14);border:1px solid rgba(99,205,246,.2);color:#5ed0fb;font-size:27px;font-weight:950}
.clokit-model-empty.error .icon{color:#ffb9a9;background:rgba(235,101,73,.12);border-color:rgba(235,101,73,.24)}
.clokit-model-empty button{margin-top:14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:9px 14px;font-weight:900;cursor:pointer}
.clokit-building-model-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;background:#fff;border-top:1px solid #d8e4e9}
.clokit-building-model-toolbar button{border:1px solid #cfdee4;background:#f7fafc;color:#2f5364;border-radius:9px;padding:7px 11px;font-weight:850;cursor:pointer}
.clokit-building-model-toolbar span{color:#758b95;font-size:10px}
@media(max-width:760px){
  .clokit-twin-modebar{align-items:flex-start;flex-direction:column}
  .clokit-twin-switch{width:100%}.clokit-twin-switch button{flex:1}
  .clokit-building-model-head{flex-direction:column}
  .clokit-building-model-head .clokit-pi-secondary.compact{width:100%}
  .clokit-building-model-host model-viewer{min-height:360px}
  .clokit-building-model-toolbar{align-items:flex-start;flex-direction:column}
}

/* === Property Intelligence Phase A workspace shell === */
.clokit-pi-shell{
  grid-template-rows:auto auto minmax(0,1fr);
  background:#eaf1f5;
}
.clokit-pi-commandbar{
  min-height:64px;
  padding:10px 18px;
  background:linear-gradient(105deg,#061f2d 0%,#07364b 58%,#0a607f 100%);
}
.clokit-pi-command-left{display:flex;align-items:center;gap:16px;min-width:0}
.clokit-pi-back{
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:11px;
  padding:10px 13px;
  font-weight:900;
  cursor:pointer;
}
.clokit-pi-back:hover{background:rgba(255,255,255,.15)}
.clokit-pi-brandblock{min-width:0}
.clokit-pi-brandblock small{
  display:block;
  margin-bottom:4px;
  font-size:9px;
  letter-spacing:.16em;
  color:rgba(255,255,255,.58);
}
.clokit-pi-breadcrumb{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  font-size:12px;
  color:rgba(255,255,255,.68);
}
.clokit-pi-breadcrumb span{font-weight:850;color:#fff}
.clokit-pi-breadcrumb b{opacity:.45}
.clokit-pi-breadcrumb em{
  font-style:normal;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:min(52vw,720px);
}
.clokit-pi-commandbar .clokit-pi-close{width:42px;height:42px;font-size:24px;border-radius:11px}

.clokit-pi-search{
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:9px 18px;
  background:#f9fbfc;
}
.clokit-pi-search-label{
  min-width:165px;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding-right:6px;
}
.clokit-pi-search-label span{
  font-size:9px;
  letter-spacing:.12em;
  font-weight:950;
  color:#467080;
}
.clokit-pi-search-label small{
  font-size:10px;
  color:#8498a2;
  white-space:nowrap;
}
.clokit-pi-search input{padding:11px 14px;font-size:14px;border-radius:11px}
.clokit-pi-search button{padding:11px 16px;border-radius:11px}

.clokit-customer-workspace{
  grid-template-rows:auto auto minmax(0,1fr);
  background:#e8f0f4;
}
.clokit-property-identity{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  padding:16px 20px 14px;
  background:#fff;
  border-bottom:1px solid #d8e4e9;
  box-shadow:0 8px 24px rgba(11,48,67,.035);
}
.clokit-property-identity-main{min-width:0}
.clokit-property-path{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:8px;
  color:#78909b;
  font-size:10px;
}
.clokit-property-path button{
  border:0;
  background:transparent;
  padding:0;
  color:#1186b6;
  font-weight:900;
  cursor:pointer;
}
.clokit-property-path b{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#607986;
}
.clokit-property-title-row{
  display:flex;
  align-items:flex-end;
  gap:12px;
  min-width:0;
}
.clokit-property-title-row>div{min-width:0}
.clokit-property-title-row h1{
  margin:4px 0 0;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.025em;
  color:#12384a;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.clokit-property-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:6px 9px;
  margin-bottom:1px;
  font-size:9px;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
  background:#fff0ce;
  color:#8a6209;
}
.clokit-property-status.verified{background:#e4f7ed;color:#0a7344}

.clokit-property-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(100px,auto));
  gap:8px;
}
.clokit-property-meta>div{
  min-width:0;
  padding:9px 11px;
  border:1px solid #e0e9ed;
  border-radius:11px;
  background:#f8fbfc;
}
.clokit-property-meta span,
.clokit-property-meta b{display:block}
.clokit-property-meta span{
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#82959e;
}
.clokit-property-meta b{
  margin-top:4px;
  max-width:155px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#25495b;
  font-size:11px;
}

.clokit-customer-tabs{
  padding:8px 18px;
  gap:5px;
  background:#f9fbfc;
  box-shadow:none;
}
.clokit-customer-tabs button{
  border:0;
  background:transparent;
  border-radius:9px;
  padding:8px 12px;
  color:#56717e;
  font-size:12px;
}
.clokit-customer-tabs button.active{
  background:#0b82b6;
  color:#fff;
  box-shadow:0 5px 14px rgba(11,130,182,.14);
}

.clokit-twin-product{background:#e8f0f4}
.clokit-twin-modebar{
  padding:8px 14px;
  border-bottom:1px solid #d8e4e9;
  background:#fff;
}
.clokit-twin-switch button{padding:7px 11px;font-size:11px}
.clokit-twin-readiness span{padding:5px 8px;font-size:9px}

.clokit-pi-result{
  grid-template-columns:minmax(0,1fr) minmax(360px,32vw);
}
.clokit-pi-record{
  padding:22px 20px;
  background:#fff;
}
.clokit-pi-record h2{
  font-size:24px;
  margin:12px 0 18px;
}
.clokit-pi-record dl div{padding:11px 0}
.clokit-pi-record .clokit-pi-tabs{margin:-2px 0 14px}
.clokit-pi-viewer-card{border-right:1px solid #d7e4e9}
.clokit-twin-toolbar{min-height:50px;padding:7px 10px}
.clokit-twin-toolbar button{padding:7px 10px;font-size:11px}
.clokit-registry-legend{padding:5px 8px}

.clokit-customer-page{max-width:none;padding:18px 20px}
.clokit-customer-hero{padding:17px 19px;margin-bottom:14px}
.clokit-customer-hero h2{font-size:24px}
.clokit-deliv-group{padding:15px}
.clokit-deliv-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

@media(max-width:1180px){
  .clokit-property-identity{grid-template-columns:1fr}
  .clokit-property-meta{grid-template-columns:repeat(4,minmax(0,1fr))}
  .clokit-property-meta b{max-width:none}
  .clokit-pi-result{grid-template-columns:minmax(0,1fr) 340px}
}
@media(max-width:900px){
  .clokit-pi-search{grid-template-columns:1fr auto}
  .clokit-pi-search-label{display:none}
  .clokit-property-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clokit-pi-result{grid-template-columns:1fr;grid-template-rows:minmax(500px,62dvh) auto}
  .clokit-pi-record{border-left:0;border-top:1px solid #d7e4e9}
}
@media(max-width:650px){
  .clokit-pi-commandbar{padding:9px 11px}
  .clokit-pi-back{padding:9px 10px;font-size:11px}
  .clokit-pi-brandblock small{display:none}
  .clokit-pi-breadcrumb{font-size:11px}
  .clokit-pi-search{grid-template-columns:1fr;padding:8px 10px}
  .clokit-pi-search button{width:100%}
  .clokit-property-identity{padding:13px 14px}
  .clokit-property-title-row{align-items:flex-start;flex-direction:column}
  .clokit-property-title-row h1{white-space:normal;font-size:20px}
  .clokit-property-meta{grid-template-columns:1fr 1fr}
  .clokit-customer-tabs{padding:7px 10px}
}

/* === Property Intelligence Phase B deliverables + map attribution polish === */
.clokit-twin-viewport .maplibregl-ctrl-attrib{
  background:rgba(255,255,255,.74)!important;
  border-radius:9px 0 0 0!important;
  box-shadow:none!important;
  font-size:8px!important;
  color:#6f8189!important;
  backdrop-filter:blur(8px);
}
.clokit-twin-viewport .maplibregl-ctrl-attrib.maplibregl-compact{
  min-height:24px!important;
  min-width:24px!important;
  padding:0!important;
  background:rgba(255,255,255,.68)!important;
}
.clokit-twin-viewport .maplibregl-ctrl-attrib-button{
  width:24px!important;
  height:24px!important;
  opacity:.62;
}
.clokit-twin-viewport .maplibregl-ctrl-attrib.maplibregl-compact-show{
  padding:3px 7px 3px 28px!important;
  max-width:min(72vw,520px)!important;
}
.clokit-map-credit-hint{
  margin-left:auto!important;
  font-size:9px!important;
  color:#9aacb4!important;
  font-weight:700!important;
}

.clokit-deliverables-page{padding:18px 20px 26px}
.clokit-deliv-command{
  display:flex;justify-content:space-between;align-items:flex-start;gap:18px;
  padding:18px 20px;
  border:1px solid #d8e4e9;
  border-radius:16px;
  background:linear-gradient(135deg,#fff,#f7fbfd);
  box-shadow:0 10px 24px rgba(17,58,78,.045);
}
.clokit-deliv-command h2{
  margin:5px 0 6px;
  font-size:25px;
  letter-spacing:-.025em;
  color:#17394a;
}
.clokit-deliv-command p{
  margin:0;
  color:#6e838e;
  line-height:1.5;
  max-width:720px;
}
.clokit-deliv-command-actions{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;
}
.clokit-pi-secondary.compact.admin{
  background:#eff7fa;
  color:#28556a;
  border-color:#cfe0e6;
}

.clokit-deliv-metrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
.clokit-deliv-metrics>div{
  padding:13px 14px;
  border:1px solid #dbe6eb;
  border-radius:13px;
  background:#fff;
}
.clokit-deliv-metrics span,.clokit-deliv-metrics b{display:block}
.clokit-deliv-metrics span{
  font-size:8px;
  font-weight:950;
  letter-spacing:.09em;
  color:#80939d;
  text-transform:uppercase;
}
.clokit-deliv-metrics b{
  margin-top:5px;
  font-size:22px;
  color:#173a4c;
  letter-spacing:-.025em;
}

.clokit-deliv-filterbar{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  margin:0 0 12px;
  padding:8px;
  border:1px solid #dbe6eb;
  border-radius:13px;
  background:#f9fbfc;
}
.clokit-deliv-filterbar button{
  display:flex;align-items:center;gap:7px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#5a7480;
  padding:8px 10px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.clokit-deliv-filterbar button b{
  min-width:20px;height:20px;
  display:grid;place-items:center;
  border-radius:999px;
  background:#e7eef2;
  color:#607781;
  font-size:9px;
}
.clokit-deliv-filterbar button.active{
  background:#0d3448;
  color:#fff;
}
.clokit-deliv-filterbar button.active b{
  background:rgba(255,255,255,.15);
  color:#fff;
}

.clokit-record-library{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:12px;
}
.clokit-record-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:265px;
  padding:15px;
  border:1px solid #d9e5ea;
  border-radius:15px;
  background:#fff;
  box-shadow:0 7px 18px rgba(21,61,80,.035);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.clokit-record-card.open:hover{
  transform:translateY(-2px);
  border-color:#b9d5e0;
  box-shadow:0 13px 28px rgba(21,61,80,.075);
}
.clokit-record-card.locked{background:#f8fafb;opacity:.82}
.clokit-record-card-top{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
}
.clokit-record-filetype{
  width:52px;height:52px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#edf5f8;
  color:#176d91;
  border:1px solid #dae9ef;
}
.clokit-record-filetype span{font-size:19px;line-height:1}
.clokit-record-filetype b{font-size:8px;letter-spacing:.06em}
.clokit-record-filetype.bim{background:#edf0fb;color:#4f5ab2;border-color:#dde1f5}
.clokit-record-filetype.capture{background:#eef8f3;color:#237c58;border-color:#d9eee4}
.clokit-record-filetype.other{background:#f6f3ee;color:#7e674b;border-color:#ebe3d8}
.clokit-record-badges{
  display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;
}
.clokit-record-badges span{
  padding:5px 7px;
  border-radius:999px;
  background:#edf2f4;
  color:#6a7e87;
  font-size:8px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.clokit-record-badges .verified{background:#e5f7ed;color:#0a7544}
.clokit-record-badges .role{background:#e9f1fb;color:#315d9a}
.clokit-record-card-body{padding:13px 0 11px;flex:1}
.clokit-record-category{
  display:block;
  font-size:8px;
  letter-spacing:.11em;
  color:#82959e;
  font-weight:950;
  text-transform:uppercase;
}
.clokit-record-card-body h3{
  margin:5px 0 7px;
  color:#17394a;
  font-size:16px;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.clokit-record-card-body p{
  margin:0;
  color:#71858f;
  font-size:11px;
  line-height:1.5;
}
.clokit-record-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:0 0 12px;
  padding:0;
}
.clokit-record-meta div{
  min-width:0;
  padding:8px;
  background:#f7fafb;
  border-radius:9px;
}
.clokit-record-meta dt{
  font-size:7px;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#8a9ca4;
  font-weight:950;
}
.clokit-record-meta dd{
  margin:3px 0 0;
  font-size:9px;
  font-weight:850;
  color:#45616e;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.clokit-record-actions{
  display:flex;gap:7px;flex-wrap:wrap;
}
.clokit-record-actions button{
  border:1px solid #cfdee4;
  border-radius:9px;
  background:#f5f9fb;
  color:#2d5568;
  padding:8px 10px;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.clokit-record-actions button.primary{
  border-color:#0b82b6;
  background:#0b82b6;
  color:#fff;
}
.clokit-record-actions button:disabled{
  border-color:#dfe7ea;
  background:#eef2f4;
  color:#8b9aa1;
  cursor:not-allowed;
}
.clokit-record-empty{
  grid-column:1/-1;
  min-height:220px;
  display:grid;
  place-content:center;
  justify-items:center;
  text-align:center;
  padding:24px;
  border:1px dashed #cadbe2;
  border-radius:15px;
  background:#f9fbfc;
  color:#6f858f;
}
.clokit-record-empty>div{
  width:48px;height:48px;
  display:grid;place-items:center;
  border-radius:13px;
  background:#edf4f7;
  color:#5d7d8b;
  font-size:22px;
  margin-bottom:8px;
}
.clokit-record-empty b{color:#345566}
.clokit-record-empty span{margin-top:4px;font-size:11px}
.clokit-deliv-update{margin-top:14px}

@media(max-width:1050px){
  .clokit-deliv-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .clokit-deliv-command{flex-direction:column}
  .clokit-deliv-command-actions{width:100%;justify-content:flex-start}
  .clokit-deliv-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clokit-record-library{grid-template-columns:1fr}
}

/* === Property Intelligence layout reset v17 === */
.clokit-pi-body{
  overflow:hidden!important;
  min-height:0;
}
.clokit-customer-workspace{
  height:100%;
  min-height:0;
  grid-template-rows:auto auto minmax(0,1fr)!important;
}
.clokit-customer-content{
  min-height:0;
  overflow:auto;
}
.clokit-customer-content:has(.clokit-twin-product){
  overflow:hidden;
}
.clokit-property-identity{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  padding:12px 18px!important;
}
.clokit-property-title-row{
  align-items:center!important;
  gap:10px!important;
}
.clokit-property-title-copy h1{
  font-size:21px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:64vw;
}
.clokit-property-title-copy .clokit-pi-kicker{font-size:8px!important}
.clokit-property-meta{
  grid-template-columns:repeat(4,minmax(88px,auto))!important;
  gap:7px!important;
}
.clokit-property-meta>div{
  padding:7px 9px!important;
}
.clokit-property-meta span{font-size:7px!important}
.clokit-property-meta b{font-size:10px!important}

.clokit-customer-tabs{
  padding:6px 16px!important;
  min-height:42px;
}
.clokit-customer-tabs button{
  padding:7px 11px!important;
  font-size:11px!important;
}

.clokit-twin-product{
  height:100%;
  min-height:0;
  grid-template-rows:auto minmax(0,1fr)!important;
}
.clokit-twin-modebar{
  min-height:42px;
  padding:6px 10px!important;
}
.clokit-pi-result{
  height:100%;
  min-height:0;
  grid-template-columns:minmax(0,1fr) 300px!important;
}
.clokit-pi-viewer-card{
  min-height:0;
  height:100%;
}
.clokit-twin-viewport{
  min-height:0!important;
  height:100%!important;
}
.clokit-pi-record{
  overflow:hidden!important;
  padding:16px!important;
  min-width:0;
}
.clokit-intel-rail{
  height:100%;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.clokit-intel-rail-head{
  padding-bottom:10px;
  border-bottom:1px solid #e2eaee;
}
.clokit-intel-rail-head span,.clokit-intel-rail-head b{display:block}
.clokit-intel-rail-head b{
  margin-top:4px;
  font-size:18px;
  color:#17394a;
}
.clokit-intel-status-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.clokit-intel-status-grid>div,.clokit-intel-location{
  padding:10px;
  border:1px solid #e0e9ed;
  border-radius:10px;
  background:#f8fbfc;
}
.clokit-intel-status-grid span,.clokit-intel-status-grid b,
.clokit-intel-location span,.clokit-intel-location b{display:block}
.clokit-intel-status-grid span,.clokit-intel-location span{
  font-size:7px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#8497a0;
}
.clokit-intel-status-grid b,.clokit-intel-location b{
  margin-top:4px;
  color:#345565;
  font-size:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.clokit-intel-actions{
  display:grid;
  gap:7px;
}
.clokit-intel-actions button{
  border:1px solid #ccdce3;
  border-radius:9px;
  padding:9px 10px;
  background:#f6fafc;
  color:#31576a;
  font-weight:900;
  cursor:pointer;
}
.clokit-intel-actions button.primary{
  background:#0b82b6;
  border-color:#0b82b6;
  color:#fff;
}
.clokit-intel-note{
  margin-top:auto;
  padding:10px;
  border-radius:10px;
  background:#0f3447;
  color:#fff;
}
.clokit-intel-note b,.clokit-intel-note span{display:block}
.clokit-intel-note b{font-size:10px}
.clokit-intel-note span{margin-top:3px;font-size:9px;line-height:1.45;color:rgba(255,255,255,.68)}

.clokit-deliverables-page{
  padding:12px 16px 18px!important;
}
.clokit-deliv-compact-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:12px 14px;
  border:1px solid #d9e5ea;
  border-radius:13px;
  background:#fff;
}
.clokit-deliv-compact-head h2{
  margin:3px 0 4px;
  font-size:20px;
  color:#17394a;
}
.clokit-deliv-compact-head p{
  margin:0;
  font-size:11px;
  color:#748892;
}
.clokit-deliv-compact-actions{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.clokit-deliv-inline-stats{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.clokit-deliv-inline-stats span{
  border:1px solid #dce7eb;
  border-radius:999px;
  padding:5px 8px;
  background:#f7fafb;
  font-size:9px;
  color:#617985;
}
.clokit-deliv-inline-stats b{color:#294d5d}
.clokit-deliv-filterbar{
  margin:8px 0!important;
  padding:5px!important;
}
.clokit-deliv-filterbar button{
  padding:6px 8px!important;
  font-size:10px!important;
}
.clokit-record-library.compact{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:9px;
}
.clokit-record-library.compact .clokit-record-card{
  min-height:0!important;
  padding:11px!important;
}
.clokit-record-library.compact .clokit-record-filetype{
  width:42px!important;
  height:42px!important;
}
.clokit-record-library.compact .clokit-record-card-body{
  padding:8px 0!important;
}
.clokit-record-library.compact .clokit-record-card-body h3{
  font-size:13px!important;
  margin:3px 0 4px!important;
}
.clokit-record-library.compact .clokit-record-card-body p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:10px!important;
}
.clokit-record-library.compact .clokit-record-meta{
  margin-bottom:8px!important;
}
.clokit-record-library.compact .clokit-record-meta div{padding:6px!important}
.clokit-record-library.compact .clokit-record-actions button{padding:7px 9px!important}
.clokit-deliv-update{margin-top:9px!important}

@media(max-width:1050px){
  .clokit-pi-result{grid-template-columns:minmax(0,1fr) 280px!important}
  .clokit-property-identity{grid-template-columns:1fr!important}
  .clokit-property-title-copy h1{max-width:none}
}
@media(max-width:850px){
  .clokit-pi-result{
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(420px,58dvh) auto!important;
  }
  .clokit-pi-record{overflow:visible!important}
  .clokit-intel-note{margin-top:0}
}

/* === Digital Twin model-first property view v18 === */
.clokit-model-only-product{
  height:100%;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr)!important;
  background:#071f2c;
}
.clokit-model-statusbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:9px 14px;
  background:#fff;
  border-bottom:1px solid #d9e4e9;
}
.clokit-model-statusbar>div:first-child span,
.clokit-model-statusbar>div:first-child b{display:block}
.clokit-model-statusbar>div:first-child b{
  margin-top:2px;
  color:#17394a;
  font-size:13px;
}
.clokit-model-head-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.clokit-model-only-product .clokit-building-model-shell{
  min-height:0;
  grid-template-rows:auto minmax(0,1fr) auto;
}
.clokit-model-only-product .clokit-building-model-host{
  min-height:0;
}
.clokit-model-only-product .clokit-building-model-host model-viewer{
  min-height:0!important;
  height:100%!important;
}
.clokit-model-only-product .clokit-building-model-head{
  padding:14px 18px!important;
}
.clokit-model-only-product .clokit-building-model-head h2{
  font-size:20px!important;
  margin:4px 0 5px!important;
}
.clokit-model-only-product .clokit-building-model-head p{
  max-width:860px;
  font-size:11px!important;
}
@media(max-width:760px){
  .clokit-model-statusbar{align-items:flex-start;flex-direction:column}
}

/* === Direct Digital Twin upload === */
.clokit-model-toolbar-actions{display:flex;gap:7px;align-items:center}
.clokit-building-model-toolbar button.owner{
  background:#0b82b6;
  border-color:#0b82b6;
  color:#fff;
}
.clokit-model-empty small{
  display:block;
  margin-top:8px;
  color:#7fa3b2;
  font-size:10px;
  font-weight:800;
}
.clokit-building-model-host.clokit-twin-drop-active:after{
  content:"Drop IFC / GLB to update this Digital Twin";
  position:absolute;
  inset:16px;
  z-index:20;
  display:grid;
  place-items:center;
  border:2px dashed rgba(95,211,251,.8);
  border-radius:18px;
  background:rgba(3,32,46,.88);
  color:#dff7ff;
  font-size:18px;
  font-weight:950;
  letter-spacing:.01em;
  pointer-events:none;
  backdrop-filter:blur(7px);
}
.clokit-building-model-host.clokit-twin-uploading:before{
  content:"Uploading and registering model…";
  position:absolute;
  z-index:25;
  left:50%;
  top:18px;
  transform:translateX(-50%);
  padding:9px 13px;
  border-radius:999px;
  background:#0b82b6;
  color:#fff;
  font-size:10px;
  font-weight:950;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}

.clokit-ifc-canvas{
  display:block;width:100%;height:100%;min-height:420px;
  background:radial-gradient(circle at 50% 38%,#143e51,#071f2c 68%);
  outline:none;touch-action:none;
}

/* Digital Twin — model-first client layout */
#clokitPropertyIntelligence:has(.clokit-customer-workspace-model) .clokit-pi-search{display:none}
#clokitPropertyIntelligence:has(.clokit-customer-workspace-model) .clokit-pi-head{
  min-height:56px;padding:8px 14px;
}
#clokitPropertyIntelligence:has(.clokit-customer-workspace-model) .clokit-pi-brandblock small{display:none}
#clokitPropertyIntelligence:has(.clokit-customer-workspace-model) .clokit-pi-close{
  width:40px;height:40px;font-size:22px;border-radius:11px;
}
.clokit-customer-workspace-model{
  grid-template-rows:auto minmax(0,1fr);
  height:100%;
}
.clokit-customer-workspace-model .clokit-customer-tabs{
  padding:7px 12px;gap:6px;
}
.clokit-customer-workspace-model .clokit-customer-tabs button{
  padding:7px 11px;border-radius:10px;font-size:12px;
}
.clokit-customer-workspace-model .clokit-customer-content{
  overflow:hidden;
}
.clokit-model-only-product{
  height:100%;
  min-height:0;
  display:block;
  background:#071f2c;
}
.clokit-model-stage{
  position:relative;
  width:100%;height:100%;min-height:0;
  background:#071f2c;
  overflow:hidden;
}
.clokit-model-stage .clokit-building-model-host{
  position:absolute;inset:0;min-height:0;
  background:radial-gradient(circle at 50% 38%,#123d50,#061b26 70%);
}
.clokit-model-stage .clokit-building-model-host model-viewer,
.clokit-model-stage .clokit-ifc-canvas{
  width:100%;height:100%;min-height:0;
}
.clokit-model-overlay-top{
  position:absolute;z-index:8;left:14px;right:14px;top:14px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  pointer-events:none;
}
.clokit-model-identity{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:14px;
  background:rgba(5,25,36,.76);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
  color:#fff;max-width:min(640px,60vw);
}
.clokit-model-identity>div{min-width:0}
.clokit-model-identity b{
  display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.clokit-model-identity small{
  display:block;margin-top:2px;font-size:10px;color:rgba(255,255,255,.66)
}
.clokit-live-dot{
  width:9px;height:9px;border-radius:50%;background:#2ed58a;
  box-shadow:0 0 0 4px rgba(46,213,138,.14);
}
.clokit-model-overlay-actions{
  display:flex;align-items:center;gap:7px;pointer-events:auto;
}
.clokit-model-chip{
  display:inline-flex;align-items:center;padding:7px 9px;border-radius:999px;
  font-size:10px;font-weight:900;
  background:rgba(255,255,255,.1);color:#dcecf3;
  border:1px solid rgba(255,255,255,.14);
}
.clokit-model-chip.ready{background:rgba(31,180,113,.18);color:#bff3d5;border-color:rgba(55,213,139,.24)}
.clokit-model-overlay-actions button,
.clokit-model-overlay-bottom button{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(5,25,36,.78);color:#fff;
  border-radius:10px;padding:8px 11px;font-weight:900;cursor:pointer;
  backdrop-filter:blur(12px);
}
.clokit-model-overlay-bottom{
  position:absolute;z-index:8;left:14px;right:14px;bottom:14px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  pointer-events:none;
}
.clokit-model-overlay-bottom button{pointer-events:auto}
.clokit-model-overlay-bottom span{
  padding:7px 10px;border-radius:999px;
  background:rgba(5,25,36,.68);color:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.1);
  font-size:10px;font-weight:750;backdrop-filter:blur(10px);
}
@media(max-width:700px){
  #clokitPropertyIntelligence:has(.clokit-customer-workspace-model) .clokit-pi-head{min-height:52px;padding:6px 9px}
  .clokit-model-overlay-top{left:8px;right:8px;top:8px}
  .clokit-model-identity{max-width:58vw;padding:8px 10px}
  .clokit-model-identity b{font-size:12px}
  .clokit-model-chip{display:none}
  .clokit-model-overlay-actions button{padding:7px 9px;font-size:11px}
  .clokit-model-overlay-bottom{left:8px;right:8px;bottom:8px}
  .clokit-model-overlay-bottom span{display:none}
}

/* Digital Twin stage hard-height fix */
.clokit-customer-workspace-model{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
}
.clokit-customer-workspace-model>.clokit-customer-tabs{
  flex:0 0 auto!important;
}
.clokit-customer-workspace-model>.clokit-customer-content{
  position:relative!important;
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.clokit-customer-workspace-model .clokit-twin-product,
.clokit-customer-workspace-model .clokit-model-stage{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
}
.clokit-customer-workspace-model .clokit-building-model-host{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
}

/* Digital Twin v23 — hard anchor to Property Intelligence body */
.clokit-pi-body{
  position:relative!important;
  overflow:hidden!important;
}
.clokit-pi-body>.clokit-customer-workspace-model{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  background:#071f2c!important;
}
.clokit-pi-body>.clokit-customer-workspace-model>.clokit-customer-tabs{
  position:relative!important;
  z-index:20!important;
  flex:0 0 auto!important;
}
.clokit-pi-body>.clokit-customer-workspace-model>.clokit-customer-content{
  position:relative!important;
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#071f2c!important;
}
.clokit-pi-body>.clokit-customer-workspace-model .clokit-model-only-product,
.clokit-pi-body>.clokit-customer-workspace-model .clokit-model-stage,
.clokit-pi-body>.clokit-customer-workspace-model .clokit-building-model-host{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
}

/* Digital Twin v24 — stable non-collapsing flow layout */
.clokit-pi-body{
  position:relative!important;
  overflow:hidden!important;
}
.clokit-pi-body>.clokit-customer-workspace-model{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:calc(100dvh - 64px)!important;
  min-height:620px!important;
  max-height:none!important;
  background:#071f2c!important;
  overflow:hidden!important;
}
.clokit-pi-body>.clokit-customer-workspace-model>.clokit-customer-tabs{
  position:relative!important;
  z-index:20!important;
  flex:0 0 auto!important;
}
.clokit-pi-body>.clokit-customer-workspace-model>.clokit-customer-content{
  position:relative!important;
  flex:1 1 auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:560px!important;
  overflow:hidden!important;
  background:#071f2c!important;
}
.clokit-pi-body>.clokit-customer-workspace-model .clokit-twin-product,
.clokit-pi-body>.clokit-customer-workspace-model .clokit-model-stage{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:560px!important;
}
.clokit-pi-body>.clokit-customer-workspace-model .clokit-building-model-host{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-height:560px!important;
}

/* Digital Twin v25 — BIM discipline controls */
.clokit-model-build{
  font-size:10px;
  font-weight:950;
  letter-spacing:.04em;
  color:#b7ced8;
  white-space:nowrap;
}
.clokit-model-layerbar{
  position:absolute;
  z-index:9;
  left:50%;
  top:14px;
  transform:translateX(-50%);
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:center;
  max-width:min(720px,58vw);
  padding:7px;
  border-radius:14px;
  background:rgba(5,25,36,.72);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(12px);
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
.clokit-model-layerbar button{
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:7px 10px;
  background:rgba(255,255,255,.06);
  color:#9fb8c3;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.clokit-model-layerbar button.active{
  background:#0b82b6;
  border-color:#1597ca;
  color:#fff;
}
@media(max-width:900px){
  .clokit-model-layerbar{
    top:auto;
    bottom:56px;
    left:10px;
    right:10px;
    transform:none;
    max-width:none;
    justify-content:flex-start;
    overflow-x:auto;
    flex-wrap:nowrap;
  }
  .clokit-model-layerbar button{white-space:nowrap}
}

/* Digital Twin v26 — richer BIM controls */
.clokit-model-layerbar button.master{
  border-color:rgba(103,213,255,.28);
  padding-inline:13px;
}
.clokit-model-layerbar button.master.active{
  background:linear-gradient(135deg,#0b82b6,#0a6f9e);
  box-shadow:0 6px 16px rgba(11,130,182,.24);
}
.clokit-model-layerbar button[data-ifc-layer="mechanical"].active{background:#337fb8;border-color:#4e99cf}
.clokit-model-layerbar button[data-ifc-layer="electrical"].active{background:#b99228;border-color:#d8b94f;color:#fff}
.clokit-model-layerbar button[data-ifc-layer="plumbing"].active{background:#278f8b;border-color:#46aaa6}
.clokit-model-layerbar button[data-ifc-layer="structural"].active{background:#667681;border-color:#84959f}
.clokit-model-layerbar button[data-ifc-layer="architecture"].active{background:#8b7960;border-color:#aa987d}
.clokit-model-layerbar button[data-ifc-layer="context"].active{background:#485762;border-color:#687a86}

/* Digital Twin v27 — source vs system color modes */
.clokit-model-colorbar{
  position:absolute;
  z-index:9;
  right:14px;
  top:64px;
  display:flex;
  gap:6px;
  padding:6px;
  border-radius:12px;
  background:rgba(5,25,36,.72);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(12px);
}
.clokit-model-colorbar button{
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:7px 10px;
  background:rgba(255,255,255,.06);
  color:#9fb8c3;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.clokit-model-colorbar button.active{
  background:#0b82b6;
  border-color:#1597ca;
  color:#fff;
}
@media(max-width:900px){
  .clokit-model-colorbar{
    top:64px;
    right:8px;
  }
}


/* historical-record-legend-v2 */
.clokit-property-status.historical,
.clokit-pi-status.historical{
  background:#fff6d8!important;
  color:#805b00!important;
  border-color:#e6c35d!important;
}
.clokit-customer-access.historical{
  background:#fff6d8;
  color:#805b00;
  border:1px solid #e6c35d;
}
.clokit-customer-rule.historical{
  border-color:#ead17d;
  background:#fffaf0;
}
.clokit-customer-rule.verified{
  border-color:#bfe8d0;
  background:#f1fbf5;
}
.clokit-property-identity.historical{
  border-bottom-color:#ead17d;
}
.clokit-property-identity.historical .clokit-pi-kicker{
  color:#9a6c00;
}
.clokit-property-title-copy>small{
  display:block;
  margin-top:5px;
  color:#738994;
  font-size:11px;
}
@media(max-width:900px){
  .clokit-registry-legend{
    display:flex;
    width:100%;
    order:20;
    flex-wrap:wrap;
    border-radius:12px;
    padding:7px 9px;
    gap:5px 6px;
    white-space:normal;
  }
  .clokit-registry-legend b{font-size:9px}
  .clokit-registry-legend em{width:100%;margin-left:14px;font-size:9px}
}



/* PROPERTY INTELLIGENCE — PHONE VIEW V38 / 2026-10-21
   Small-screen only. Preserve the desktop Globe, registry pins, record logic and BIM tools.
   Map fills a deliberate visible pane; shell scrolls below it instead of over the mobile nav. */
@media screen and (max-width:767px){
  html.clokit-pi-open,
  body.clokit-pi-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.clokit-pi-open .v220-mobile-tabs,
  body.clokit-pi-open .clokit-mobile-nav,
  body.clokit-pi-open .clokit-mobile-bottom-nav{
    display:none!important;
  }
  #clokitPropertyIntelligence{
    position:fixed!important;
    inset:0!important;
    z-index:2147483646!important;
    width:100%!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:contain!important;
  }
  #clokitPropertyIntelligence .clokit-pi-shell{
    width:100%!important;
    max-width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    min-height:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0!important;
  }
  #clokitPropertyIntelligence .clokit-pi-commandbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:55px!important;
    height:auto!important;
    padding:8px 10px!important;
    gap:8px!important;
    box-sizing:border-box!important;
    background:linear-gradient(110deg,#08283d,#0b506f)!important;
  }
  #clokitPropertyIntelligence .clokit-pi-command-left{
    flex:1 1 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
  }
  #clokitPropertyIntelligence .clokit-pi-back{
    flex:0 0 auto!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 11px!important;
    border-radius:10px!important;
    font-size:0!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }
  #clokitPropertyIntelligence .clokit-pi-back::after{
    content:"← Back";
    font-size:13px!important;
    font-weight:850!important;
  }
  #clokitPropertyIntelligence .clokit-pi-brandblock{
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
  }
  #clokitPropertyIntelligence .clokit-pi-brandblock>small,
  #clokitPropertyIntelligence .clokit-pi-breadcrumb>b,
  #clokitPropertyIntelligence .clokit-pi-breadcrumb>em{
    display:none!important;
  }
  #clokitPropertyIntelligence .clokit-pi-breadcrumb{
    flex:1 1 auto!important;
    min-width:0!important;
    display:block!important;
    font-size:clamp(12px,3.3vw,14px)!important;
    line-height:1.2!important;
  }
  #clokitPropertyIntelligence .clokit-pi-breadcrumb>span{
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #clokitPropertyIntelligence .clokit-pi-commandbar>.clokit-pi-close{
    flex:0 0 40px!important;
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:10px!important;
    font-size:25px!important;
  }
  /* Search stays in a single row; 16px text prevents iOS zooming the page. */
  #clokitPropertyIntelligence .clokit-pi-search{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 88px!important;
    align-items:center!important;
    width:100%!important;
    padding:9px 10px!important;
    gap:8px!important;
    min-height:0!important;
    background:#f8fbfd!important;
    box-sizing:border-box!important;
  }
  #clokitPropertyIntelligence .clokit-pi-search-label{
    display:none!important;
  }
  #clokitPropertyIntelligence .clokit-pi-search input{
    width:100%!important;min-width:0!important;
    height:44px!important;min-height:44px!important;
    padding:9px 12px!important;
    font-size:16px!important;
    line-height:1.3!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
  }
  #clokitPropertyIntelligence .clokit-pi-search input::placeholder{
    color:#8498a5!important;
  }
  #clokitPropertyIntelligence .clokit-pi-search button{
    width:88px!important;min-width:0!important;
    height:44px!important;min-height:44px!important;
    padding:0 6px!important;
    font-size:0!important;
    font-weight:900!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }
  #clokitPropertyIntelligence .clokit-pi-search button::after{
    content:"Search";
    font-size:13px!important;
    color:#fff!important;
  }
  /* Scroll within the map workspace, never underneath the app nav. */
  #clokitPropertyIntelligence .clokit-pi-body{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 0 calc(16px + env(safe-area-inset-bottom,0px))!important;
    box-sizing:border-box!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home,
  #clokitPropertyIntelligence .clokit-pi-result{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #clokitPropertyIntelligence .clokit-pi-viewer-card{
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    width:100%!important;
    height:clamp(298px,48dvh,465px)!important;
    min-height:298px!important;
    max-height:465px!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
  }
  #clokitPropertyIntelligence .clokit-twin-viewport{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #clokitPropertyIntelligence .clokit-twin-viewport .maplibregl-map,
  #clokitPropertyIntelligence .clokit-twin-viewport .maplibregl-canvas-container,
  #clokitPropertyIntelligence .clokit-twin-viewport .maplibregl-canvas{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
  }
  #clokitPropertyIntelligence .clokit-twin-viewport .maplibregl-ctrl-top-right{
    top:5px!important;
    right:5px!important;
  }
  #clokitPropertyIntelligence .clokit-twin-viewport .maplibregl-ctrl-group{
    border-radius:9px!important;
  }
  #clokitPropertyIntelligence .clokit-twin-toolbar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:7px 9px!important;
    box-sizing:border-box!important;
  }
  #clokitPropertyIntelligence .clokit-twin-toolbar>button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:39px!important;min-height:39px!important;
    padding:6px 7px!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    border-radius:9px!important;
  }
  #clokitPropertyIntelligence .clokit-twin-toolbar>.clokit-registry-legend{
    grid-column:1/-1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:27px!important;
    margin:0!important;
    padding:4px 7px!important;
    box-sizing:border-box!important;
    border-radius:8px!important;
    background:#edf6fb!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
  }
  #clokitPropertyIntelligence .clokit-registry-legend::-webkit-scrollbar{display:none!important}
  #clokitPropertyIntelligence .clokit-registry-legend>span{
    display:block!important;
    flex:0 0 7px!important;
    width:7px!important;
    height:7px!important;
    margin:0!important;
  }
  #clokitPropertyIntelligence .clokit-registry-legend>b{
    flex:0 0 auto!important;
    display:inline-block!important;
    margin:0 4px 0 0!important;
    padding:0!important;
    font-size:0!important;
  }
  #clokitPropertyIntelligence .clokit-registry-legend>b::after{
    font-size:9px!important;
    color:#456679!important;
    font-weight:850!important;
  }
  #clokitPropertyIntelligence .clokit-registry-legend>b:nth-of-type(1)::after{content:"Verified"}
  #clokitPropertyIntelligence .clokit-registry-legend>b:nth-of-type(2)::after{content:"Historical"}
  #clokitPropertyIntelligence .clokit-registry-legend>b:nth-of-type(3)::after{content:"Provisional"}
  #clokitPropertyIntelligence .clokit-registry-legend>em,
  #clokitPropertyIntelligence .clokit-twin-toolbar>.clokit-map-credit-hint{
    display:none!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-intro{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:14px 15px 18px!important;
    box-sizing:border-box!important;
    border-left:0!important;
    border-top:1px solid #dce6ec!important;
    overflow:visible!important;
    background:#fff!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-intro .clokit-pi-kicker{
    font-size:9px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-intro h2{
    margin:4px 0 6px!important;
    font-size:21px!important;
    line-height:1.12!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-intro p{
    margin:0!important;
    font-size:12px!important;
    line-height:1.4!important;
    max-width:none!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-intro .clokit-pi-flow{
    display:none!important;
  }
  #clokitPropertyIntelligence .clokit-pi-record{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:16px 14px 22px!important;
    box-sizing:border-box!important;
    border-left:0!important;
    overflow:visible!important;
  }
  #clokitPropertyIntelligence .clokit-pi-record h2{
    margin:9px 0 14px!important;
    font-size:21px!important;
    line-height:1.14!important;
    overflow-wrap:anywhere!important;
  }
  #clokitPropertyIntelligence .clokit-pi-record .clokit-pi-primary{
    min-height:43px!important;
  }
  /* Model-first result screens have their own viewer layout: don't force map dimensions. */
  #clokitPropertyIntelligence:has(.clokit-customer-workspace-model) .clokit-pi-body{
    padding-bottom:0!important;
    overflow:hidden!important;
  }
}
@media screen and (max-width:345px){
  #clokitPropertyIntelligence .clokit-pi-search{
    grid-template-columns:minmax(0,1fr) 73px!important;
    padding-inline:7px!important;
    gap:6px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-search button{width:73px!important}
  #clokitPropertyIntelligence .clokit-pi-breadcrumb{
    font-size:11px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-command-left{gap:7px!important}
}


/* PROPERTY INTELLIGENCE — PHONE GLOBE V39 / 2026-10-21
   Globe-first mobile experience. Hide redundant landing introduction and
   let the interactive globe use the entire height below search.
   Intentionally scoped to the empty/globe home ONLY: property record,
   unlock, BIM/IFC, search results, desktop and registry logic are untouched. */
@media screen and (max-width:767px){
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-pi-map-home){
    display:grid!important;
    grid-template-rows:52px 58px minmax(0,1fr)!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-pi-map-home) .clokit-pi-commandbar{
    height:52px!important;min-height:52px!important;
    padding:5px 10px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-pi-map-home) .clokit-pi-search{
    height:58px!important;min-height:0!important;
    padding:6px 9px!important;gap:7px!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-pi-map-home) .clokit-pi-search input,
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-pi-map-home) .clokit-pi-search button{
    height:43px!important;min-height:43px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-pi-map-home) .clokit-pi-search button{
    width:82px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-body:has(>.clokit-pi-map-home){
    display:block!important;
    min-height:0!important;
    width:100%!important;height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    padding:0!important;margin:0!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    height:100%!important;min-height:0!important;
    max-height:100%!important;
    width:100%!important;max-width:100%!important;
    padding:0!important;margin:0!important;
    gap:0!important;overflow:hidden!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home>.clokit-pi-map-intro{
    display:none!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home>.clokit-pi-viewer-card{
    position:relative!important;
    display:grid!important;
    grid-template-rows:minmax(0,1fr) 50px!important;
    width:100%!important;height:100%!important;
    min-height:0!important;max-height:none!important;
    padding:0!important;margin:0!important;
    border:0!important;border-radius:0!important;
    overflow:hidden!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home .clokit-twin-viewport{
    height:100%!important;min-height:0!important;
    width:100%!important;
    overflow:hidden!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home .clokit-twin-toolbar{
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:42px!important;
    align-items:center!important;
    height:50px!important;min-height:50px!important;
    width:100%!important;
    gap:7px!important;
    padding:4px 9px!important;
    border-top:1px solid #d5e2e8!important;
    background:#f8fbfd!important;
    box-sizing:border-box!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home .clokit-twin-toolbar>button{
    min-height:42px!important;height:42px!important;
    border-radius:9px!important;
    font-size:11.5px!important;
    padding:5px 8px!important;
    touch-action:manipulation!important;
  }
  /* Keep the three pin types visible without dedicating another map row. */
  #clokitPropertyIntelligence .clokit-pi-map-home .clokit-registry-legend{
    position:absolute!important;
    z-index:5!important;
    bottom:calc(58px + env(safe-area-inset-bottom,0px))!important;
    left:10px!important;right:10px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;justify-content:space-around!important;
    gap:3px!important;
    width:auto!important;max-width:none!important;
    height:28px!important;min-height:28px!important;
    padding:5px 9px!important;margin:0!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:999px!important;
    background:rgba(8,41,59,.88)!important;
    box-shadow:0 5px 14px rgba(0,18,32,.2)!important;
    backdrop-filter:blur(8px);
    pointer-events:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home .clokit-registry-legend>span{
    display:block!important;flex:0 0 7px!important;
    width:7px!important;height:7px!important;
    margin:0!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home .clokit-registry-legend>b{
    flex:0 1 auto!important;display:inline-block!important;
    margin:0 3px 0 0!important;
    min-width:0!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home .clokit-registry-legend>b::after{
    color:#f2f9fd!important;font-weight:850!important;
    font-size:clamp(8px,2.35vw,10px)!important;
    white-space:nowrap!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home .clokit-twin-viewport .maplibregl-ctrl-top-right{
    top:9px!important;right:9px!important;
  }
}
@media screen and (max-width:345px){
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-pi-map-home) .clokit-pi-search{
    grid-template-columns:minmax(0,1fr) 72px!important;
    padding-inline:6px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-pi-map-home) .clokit-pi-search button{
    width:72px!important;
  }
}
@media screen and (max-width:767px) and (max-height:480px){
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-pi-map-home){
    grid-template-rows:46px 52px minmax(0,1fr)!important;
  }
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-pi-map-home) .clokit-pi-commandbar{
    height:46px!important;min-height:46px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-pi-map-home) .clokit-pi-search{
    height:52px!important;
    padding-block:3px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home>.clokit-pi-viewer-card{
    grid-template-rows:minmax(0,1fr) 46px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home .clokit-twin-toolbar{
    height:46px!important;min-height:46px!important;
    grid-template-rows:40px!important;
    padding-block:3px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home .clokit-twin-toolbar>button{
    height:40px!important;min-height:40px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-map-home .clokit-registry-legend{
    bottom:calc(54px + env(safe-area-inset-bottom,0px))!important;
  }
}


/* PROPERTY INTELLIGENCE — PHONE DIGITAL TWIN FIT V40 / 2026-10-21
   Applies ONLY to the building-model tab, not the map home, historical pages,
   desktop viewer, IFC data/filters, or Property/Deliverables/History screens.
   Remove old 560/620px minimums and use the actual device viewport. */
@media screen and (max-width:767px){
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-customer-workspace-model){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:52px minmax(0,1fr)!important;
    width:100%!important;height:100dvh!important;
    min-height:0!important;max-height:100dvh!important;
    overflow:hidden!important;
  }
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-customer-workspace-model)>.clokit-pi-commandbar{
    grid-row:1!important;
    height:52px!important;min-height:52px!important;max-height:52px!important;
    padding:5px 9px!important;gap:7px!important;
  }
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-customer-workspace-model)>.clokit-pi-search{
    display:none!important;
  }
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-customer-workspace-model)>.clokit-pi-body{
    grid-row:2!important;position:relative!important;
    width:100%!important;height:100%!important;
    min-height:0!important;max-height:100%!important;
    padding:0!important;margin:0!important;
    overflow:hidden!important;overscroll-behavior:contain!important;
  }
  #clokitPropertyIntelligence .clokit-pi-body>.clokit-customer-workspace-model{
    position:relative!important;inset:auto!important;
    display:flex!important;flex-direction:column!important;
    flex-wrap:nowrap!important;
    width:100%!important;height:100%!important;
    min-height:0!important;max-height:100%!important;
    margin:0!important;padding:0!important;overflow:hidden!important;
  }
  /* Four permanent destinations, all visible (no clipped horizontal tab). */
  #clokitPropertyIntelligence .clokit-customer-workspace-model>.clokit-customer-tabs{
    position:relative!important;z-index:21!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    flex:0 0 50px!important;
    height:50px!important;min-height:50px!important;max-height:50px!important;
    align-items:center!important;gap:4px!important;
    width:100%!important;min-width:0!important;
    padding:5px 7px!important;margin:0!important;
    box-sizing:border-box!important;
    background:#f5fafc!important;
    border-bottom:1px solid #d5e5ed!important;
    overflow:hidden!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model>.clokit-customer-tabs button{
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:4px!important;min-width:0!important;width:100%!important;
    min-height:39px!important;height:39px!important;max-height:39px!important;
    padding:4px 2px!important;margin:0!important;
    font-size:clamp(9px,2.6vw,11px)!important;line-height:1.1!important;
    font-weight:850!important;text-align:center!important;white-space:normal!important;
    border-radius:9px!important;
    box-shadow:none!important;touch-action:manipulation!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model>.clokit-customer-tabs button span{
    min-width:15px!important;width:auto!important;height:16px!important;
    font-size:9px!important;margin:0!important;padding:0 3px!important;
    border-radius:99px!important;
  }
  /* The model stage must inherit available space — inline min-height was 560px. */
  #clokitPropertyIntelligence .clokit-customer-workspace-model>.clokit-customer-content{
    position:relative!important;inset:auto!important;display:block!important;
    flex:1 1 0px!important;
    width:100%!important;height:auto!important;
    min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;
    overflow:hidden!important;background:#071f2c!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-only-product,
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-stage{
    position:absolute!important;inset:0!important;
    display:block!important;
    width:100%!important;height:100%!important;
    min-width:0!important;min-height:0!important;
    max-width:100%!important;max-height:100%!important;
    margin:0!important;padding:0!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-building-model-host{
    position:absolute!important;inset:0!important;
    display:block!important;
    width:100%!important;height:100%!important;
    min-width:0!important;min-height:0!important;
    max-width:100%!important;max-height:100%!important;
    margin:0!important;overflow:hidden!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model model-viewer,
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-ifc-canvas{
    display:block!important;
    width:100%!important;height:100%!important;
    min-height:0!important;max-height:100%!important;
    touch-action:none!important;
  }
  /* Address + Deliverables stay compact; still actionable over the model. */
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-overlay-top{
    position:absolute!important;z-index:10!important;
    top:7px!important;left:8px!important;right:8px!important;
    display:flex!important;align-items:center!important;
    justify-content:space-between!important;gap:7px!important;
    width:auto!important;max-width:none!important;
    pointer-events:none!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-identity{
    flex:1 1 auto!important;
    display:flex!important;min-width:0!important;
    width:auto!important;max-width:none!important;
    align-items:center!important;gap:7px!important;
    min-height:42px!important;padding:5px 8px!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-identity>div{
    flex:1 1 auto!important;min-width:0!important;
    overflow:hidden!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-build{
    flex:0 0 auto!important;font-size:9px!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-live-dot{
    flex:0 0 7px!important;width:7px!important;height:7px!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-identity b{
    display:block!important;max-width:100%!important;
    overflow:hidden!important;white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:clamp(10px,2.8vw,12px)!important;
    line-height:1.2!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-identity small{
    font-size:9px!important;margin-top:2px!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-overlay-actions{
    flex:0 0 auto!important;min-width:0!important;
    pointer-events:auto!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-overlay-actions button{
    min-width:84px!important;min-height:40px!important;
    padding:7px 8px!important;margin:0!important;
    border-radius:10px!important;
    font-size:10px!important;white-space:nowrap!important;
  }
  /* Color styles are one row, with all three visible. */
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-colorbar{
    position:absolute!important;z-index:10!important;
    top:59px!important;left:8px!important;right:8px!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    width:auto!important;max-width:none!important;
    padding:5px!important;margin:0!important;
    border-radius:11px!important;
    transform:none!important;overflow:hidden!important;
    box-sizing:border-box!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-colorbar button{
    min-width:0!important;width:100%!important;
    height:34px!important;min-height:34px!important;
    padding:5px 2px!important;margin:0!important;
    border-radius:8px!important;
    font-size:clamp(9px,2.65vw,11px)!important;line-height:1.15!important;
    text-align:center!important;white-space:nowrap!important;
    touch-action:manipulation!important;
  }
  /* Discipline filters fit the full width without horizontally clipping Context. */
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-layerbar{
    position:absolute!important;z-index:11!important;
    left:8px!important;right:8px!important;
    top:auto!important;bottom:53px!important;
    width:auto!important;max-width:none!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;justify-content:stretch!important;
    gap:4px!important;flex-wrap:nowrap!important;
    padding:5px!important;margin:0!important;
    border-radius:11px!important;
    transform:none!important;
    overflow:visible!important;box-sizing:border-box!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-layerbar button{
    min-width:0!important;width:100%!important;
    min-height:37px!important;height:37px!important;
    padding:6px 2px!important;margin:0!important;
    border-radius:8px!important;
    font-size:clamp(9px,2.5vw,10.5px)!important;line-height:1.15!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;text-overflow:clip!important;
    touch-action:manipulation!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-layerbar button.master{
    padding-inline:2px!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-overlay-bottom{
    position:absolute!important;z-index:10!important;
    left:8px!important;right:8px!important;bottom:8px!important;
    display:flex!important;justify-content:flex-start!important;
    pointer-events:none!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-overlay-bottom button{
    min-height:37px!important;padding:7px 12px!important;
    border-radius:10px!important;font-size:11px!important;
    pointer-events:auto!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-overlay-bottom span{
    display:none!important;
  }
}
@media screen and (max-width:359px){
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-build{
    display:none!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-colorbar button{
    font-size:9px!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-layerbar button{
    font-size:8.5px!important;
  }
}
@media screen and (max-width:767px) and (max-height:570px){
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-colorbar{
    top:55px!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-layerbar{
    bottom:48px!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace-model .clokit-model-overlay-bottom{
    bottom:5px!important;
  }
}



/* Property Intelligence / Deliverables — mobile compact library v39.
   Scoped to the Deliverables tab only; no modifications to WebGL, model
   viewer, unlock logic, other tabs or desktop presentation. */
@media screen and (max-width:767px) {
  #clokitPropertyIntelligence .clokit-pi-shell:has(.clokit-deliverables-page) {
    grid-template-rows:auto auto minmax(0,1fr)!important;
    height:100dvh!important;max-height:100dvh!important;
    min-height:0!important;overflow:hidden!important;
  }
  #clokitPropertyIntelligence .clokit-pi-body:has(.clokit-deliverables-page) {
    display:block!important;position:relative!important;
    height:100%!important;min-height:0!important;
    padding:0!important;margin:0!important;
    overflow:hidden!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page) {
    display:grid!important;position:relative!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    height:100%!important;min-height:0!important;
    max-height:100%!important;width:100%!important;
    overflow:hidden!important;
    background:#eef5f9!important;
  }
  /* Building identity: full readable address, concise verification/record data */
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page)>.clokit-property-identity {
    display:block!important;
    padding:10px 12px 9px!important;margin:0!important;
    min-height:0!important;box-shadow:none!important;
    border-bottom:1px solid #dce8ee!important;
    background:#fff!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page) .clokit-property-title-row {
    display:flex!important;flex-direction:column!important;
    align-items:flex-start!important;gap:6px!important;
    min-width:0!important;margin:0!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page) .clokit-property-title-copy {
    min-width:0!important;width:100%!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page) .clokit-pi-kicker {
    font-size:8px!important;line-height:1.2!important;
    letter-spacing:.11em!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page) .clokit-property-title-row h1 {
    display:-webkit-box!important;-webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
    overflow-wrap:anywhere!important;
    width:100%!important;max-width:none!important;
    margin:3px 0 0!important;
    color:#12364a!important;
    font-size:clamp(15px,4.15vw,18px)!important;
    line-height:1.23!important;letter-spacing:-.025em!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page) .clokit-property-status {
    display:inline-flex!important;align-self:flex-start!important;
    max-width:100%!important;
    margin:0!important;padding:4px 8px!important;
    font-size:9px!important;letter-spacing:.025em!important;
    font-weight:900!important;line-height:1.2!important;
    white-space:normal!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page) .clokit-property-meta {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;margin:8px 0 0!important;
    width:100%!important;min-width:0!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page) .clokit-property-meta>div {
    min-width:0!important;padding:6px 6px!important;
    border:1px solid #e2eaf0!important;border-radius:8px!important;
    background:#f8fbfd!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page) .clokit-property-meta span {
    font-size:8px!important;letter-spacing:.035em!important;
    line-height:1.2!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page) .clokit-property-meta b {
    font-size:10px!important;line-height:1.2!important;
    margin-top:3px!important;
    max-width:100%!important;display:block!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  /* All four destination tabs fit the available width without side clipping. */
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page)>.clokit-customer-tabs {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;align-items:stretch!important;
    width:100%!important;min-width:0!important;
    padding:5px 8px!important;margin:0!important;
    overflow:hidden!important;box-sizing:border-box!important;
    background:#f8fbfd!important;border-bottom:1px solid #d9e6ee!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page)>.clokit-customer-tabs button {
    display:flex!important;flex-wrap:wrap!important;
    justify-content:center!important;align-items:center!important;
    gap:3px!important;
    min-width:0!important;min-height:41px!important;height:auto!important;
    padding:7px 3px!important;margin:0!important;
    border-radius:9px!important;
    font-size:clamp(9px,2.55vw,11px)!important;
    font-weight:850!important;line-height:1.1!important;
    white-space:normal!important;text-align:center!important;
    overflow-wrap:anywhere!important;
    touch-action:manipulation!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page)>.clokit-customer-tabs button span {
    width:auto!important;min-width:15px!important;height:17px!important;
    margin:0!important;padding:1px 4px!important;
    font-size:9px!important;line-height:1.1!important;
  }
  /* Only the document list scrolls; header/search/category tabs remain reachable. */
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page)>.clokit-customer-content {
    min-width:0!important;min-height:0!important;height:100%!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 0 calc(19px + env(safe-area-inset-bottom,0px))!important;
    background:#eef5f9!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page {
    width:100%!important;max-width:100%!important;
    min-width:0!important;margin:0!important;
    padding:10px 11px 14px!important;
    box-sizing:border-box!important;
  }
  /* One clean toolbar replaces the oversized introduction/statistics section. */
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-deliv-compact-head {
    display:flex!important;flex-direction:column!important;
    align-items:stretch!important;gap:7px!important;
    padding:12px!important;margin:0!important;
    background:#fff!important;border:1px solid #d8e5ed!important;
    border-radius:12px!important;
    box-shadow:0 3px 10px rgba(7,48,78,.025)!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-deliv-compact-head h2 {
    font-size:20px!important;line-height:1.2!important;
    margin:3px 0 1px!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-deliv-compact-head p {
    margin:0!important;
    color:#67818f!important;font-size:11px!important;
    line-height:1.35!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-deliv-compact-actions {
    display:flex!important;align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;flex-wrap:wrap!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-deliv-inline-stats {
    display:flex!important;gap:5px!important;flex-wrap:wrap!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-deliv-inline-stats span {
    display:inline-flex!important;gap:3px!important;
    align-items:center!important;
    padding:4px 7px!important;font-size:10px!important;
    border-radius:7px!important;white-space:nowrap!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-customer-access {
    padding:5px 8px!important;
    font-size:10px!important;line-height:1.2!important;
    white-space:nowrap!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page [data-pi-unlock] {
    width:auto!important;min-width:0!important;
    min-height:36px!important;
    padding:7px 9px!important;
    font-size:11px!important;
  }
  /* One row of filters; swipe sideways to see any additional categories. */
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-deliv-filterbar {
    display:flex!important;flex-wrap:nowrap!important;
    align-items:stretch!important;gap:5px!important;
    width:100%!important;min-width:0!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
    margin:8px 0!important;padding:5px!important;
    background:#fff!important;
    border:1px solid #dce8ef!important;border-radius:11px!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-deliv-filterbar::-webkit-scrollbar{display:none!important}
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-deliv-filterbar button {
    display:inline-flex!important;flex:0 0 auto!important;
    align-items:center!important;justify-content:center!important;
    gap:5px!important;min-height:39px!important;
    padding:7px 10px!important;
    font-size:11px!important;line-height:1.15!important;
    white-space:nowrap!important;border-radius:8px!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-deliv-filterbar button b {
    min-width:17px!important;width:auto!important;height:17px!important;
    font-size:9px!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-library.compact {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;margin:0!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-card {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;
    min-height:0!important;
    margin:0!important;padding:11px!important;
    border-radius:12px!important;
    border:1px solid #d8e5eb!important;
    box-shadow:0 3px 10px rgba(10,48,71,.035)!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-card-top {
    align-items:center!important;gap:8px!important;
    min-height:0!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-filetype {
    width:44px!important;height:44px!important;min-width:44px!important;
    border-radius:10px!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-filetype span{
    font-size:17px!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-badges{
    display:flex!important;gap:5px!important;flex-wrap:wrap!important;
    justify-content:flex-end!important;min-width:0!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-badges span{
    padding:5px 7px!important;font-size:9px!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-card-body {
    min-width:0!important;flex:0 0 auto!important;
    padding:0!important;margin:0!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-card-body h3 {
    font-size:15px!important;line-height:1.2!important;
    margin:3px 0 4px!important;
    overflow-wrap:anywhere!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-card-body p {
    display:-webkit-box!important;-webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;margin:0!important;
    font-size:11px!important;line-height:1.35!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-meta {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;margin:1px 0!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-meta div {
    min-width:0!important;padding:6px 7px!important;
    border-radius:7px!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-meta dt {
    font-size:8px!important;line-height:1.2!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-meta dd {
    font-size:10px!important;line-height:1.3!important;
    margin-top:3px!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-actions {
    display:flex!important;align-items:center!important;
    justify-content:flex-end!important;
    margin:1px 0 0!important;gap:6px!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-actions button {
    min-height:40px!important;min-width:108px!important;
    padding:9px 16px!important;
    font-size:12px!important;border-radius:9px!important;
    touch-action:manipulation!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-record-empty {
    min-height:140px!important;padding:18px!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-deliv-update{
    display:flex!important;flex-direction:column!important;
    gap:8px!important;padding:12px!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-deliv-update button{
    min-height:42px!important;
  }
}
@media screen and (max-width:345px) {
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page) .clokit-property-meta {
    gap:3px!important;
  }
  #clokitPropertyIntelligence .clokit-customer-workspace:has(.clokit-deliverables-page) .clokit-property-meta>div{
    padding:5px 4px!important;
  }
  #clokitPropertyIntelligence .clokit-deliverables-page .clokit-deliv-compact-actions{
    align-items:flex-start!important;flex-direction:column!important;
  }
}