/* ClokIt USA • targeted mobile QA batch • 2026-10-22
   Only the authenticated Building Data Center and GC Bid Builder.
   No account/session, price formula, registry, digital twin or desktop changes. */
@media screen and (max-width:767px){
  /* BUILDING DATA CENTER — one proper full-screen mobile document. */
  body.clokit-data-center-open{overflow:hidden!important}
  #clokit-assessment-panel{
    position:fixed!important;inset:0 auto auto 0!important;
    box-sizing:border-box!important;display:block!important;
    width:100vw!important;max-width:100vw!important;
    height:100dvh!important;max-height:100dvh!important;
    margin:0!important;padding:0!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;
    background:#edf5fb!important;z-index:2147483250!important;
  }
  #clokit-assessment-panel,
  #clokit-assessment-panel .assessment-window,
  #clokit-assessment-panel .assessment-window>*{
    box-sizing:border-box!important;min-width:0!important;
  }
  #clokit-assessment-panel .assessment-window{
    display:block!important;width:100%!important;max-width:100%!important;
    min-height:100dvh!important;max-height:none!important;height:auto!important;
    margin:0!important;padding:0 15px calc(80px + env(safe-area-inset-bottom,0px))!important;
    overflow:visible!important;border-radius:0!important;
    background:linear-gradient(155deg,#f3f9fe,#eaf3f9)!important;
  }
  #clokit-assessment-panel .assessment-window>header{
    position:relative!important;top:auto!important;left:auto!important;
    z-index:1!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:8px 12px!important;
    width:calc(100% + 30px)!important;max-width:none!important;
    margin:0 -15px 18px!important;
    padding:calc(17px + env(safe-area-inset-top,0px)) 16px 18px!important;
    background:linear-gradient(120deg,#0b273d,#123a55)!important;
    border-bottom:3px solid #178cc3!important;box-shadow:none!important;
  }
  #clokit-assessment-panel .assessment-window>header>div{
    min-width:0!important;width:100%!important;
  }
  #clokit-assessment-panel .assessment-window>header small{
    display:block!important;max-width:100%!important;
    margin:0 0 5px!important;
    font-size:9px!important;line-height:1.35!important;
    letter-spacing:.095em!important;overflow-wrap:break-word!important;
  }
  #clokit-assessment-panel .assessment-window>header h2{
    font-size:clamp(18px,5.1vw,22px)!important;
    line-height:1.18!important;letter-spacing:-.025em!important;
    margin:0 0 6px!important;overflow-wrap:break-word!important;
  }
  #clokit-assessment-panel .assessment-window>header p{
    margin:0!important;max-width:34ch!important;
    font-size:11.5px!important;line-height:1.45!important;
    color:#c9ddeb!important;overflow-wrap:break-word!important;
  }
  #clokit-assessment-panel .assessment-window>header #assessment-close{
    width:auto!important;max-width:110px!important;min-width:0!important;
    min-height:40px!important;height:auto!important;
    padding:9px 11px!important;margin:0!important;
    border:1px solid rgba(225,244,255,.4)!important;
    border-radius:10px!important;background:rgba(255,255,255,.1)!important;
    box-shadow:none!important;color:#f5fbff!important;
    font-size:11px!important;font-weight:800!important;
    line-height:1.22!important;text-align:center!important;
    white-space:normal!important;touch-action:manipulation;
  }
  #clokit-assessment-panel .data-center-home{
    padding:0 0 16px!important;max-width:100%!important;
  }
  #clokit-assessment-panel .data-center-metrics{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;margin:0 0 22px!important;
  }
  #clokit-assessment-panel .data-center-metrics>div{
    padding:14px 15px!important;min-height:85px!important;
    gap:3px!important;border-radius:13px!important;
    box-shadow:0 2px 10px rgba(22,69,107,.025)!important;
  }
  #clokit-assessment-panel .data-center-metrics strong{
    font-size:25px!important;line-height:1.12!important;
  }
  #clokit-assessment-panel .data-center-metrics small{
    font-size:11px!important;line-height:1.35!important;
  }
  #clokit-assessment-panel .data-center-kicker{
    font-size:10px!important;line-height:1.35!important;
    letter-spacing:.11em!important;
  }
  #clokit-assessment-panel .data-center-home h3{
    margin:6px 0 15px!important;font-size:21px!important;
    line-height:1.25!important;letter-spacing:-.025em!important;
  }
  #clokit-assessment-panel .data-center-cards{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  #clokit-assessment-panel .data-center-cards button{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    align-items:start!important;justify-items:stretch!important;
    gap:6px 13px!important;min-height:0!important;
    width:100%!important;margin:0!important;padding:16px!important;
    border-radius:15px!important;text-align:left!important;
    box-shadow:0 5px 16px rgba(14,54,86,.04)!important;
    touch-action:manipulation;
  }
  #clokit-assessment-panel .data-center-cards .data-center-icon{
    grid-column:1!important;grid-row:1/4!important;
    display:grid!important;place-items:center!important;
    padding:0!important;width:42px!important;height:42px!important;
    font-size:23px!important;border-radius:11px!important;
  }
  #clokit-assessment-panel .data-center-cards strong{
    grid-column:2!important;grid-row:1!important;
    font-size:16px!important;line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }
  #clokit-assessment-panel .data-center-cards small{
    grid-column:2!important;grid-row:2!important;
    font-size:12px!important;line-height:1.45!important;
    overflow-wrap:anywhere!important;
  }
  #clokit-assessment-panel .data-center-cards em{
    grid-column:2!important;grid-row:3!important;
    margin:2px 0 0!important;font-size:12px!important;
    font-weight:800!important;line-height:1.3!important;
  }
  #clokit-assessment-panel .data-center-activity{
    padding:17px!important;margin:15px 0 0!important;
    border-radius:14px!important;overflow-wrap:anywhere!important;
  }
  #clokit-assessment-panel .data-center-activity h3{
    font-size:16px!important;line-height:1.25!important;
  }
  #clokit-assessment-panel .data-center-activity p{
    margin:5px 0 10px!important;font-size:12px!important;
  }
  #clokit-assessment-panel .data-center-nav{
    flex-wrap:wrap!important;gap:9px!important;margin:13px 0!important;
  }
  #clokit-assessment-panel .data-center-nav strong{
    font-size:18px!important;line-height:1.3!important;
  }
  #clokit-assessment-panel #data-center-property-search{
    width:100%!important;margin:10px 0!important;padding:15px!important;
  }
  #clokit-assessment-panel #data-center-search-input{
    max-width:100%!important;font-size:16px!important;
  }
  #clokit-assessment-panel .assessment-columns{
    grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
  }
  #clokit-assessment-panel .assessment-columns section{
    padding:17px!important;border-radius:14px!important;
  }
  #clokit-assessment-panel .assessment-pair{
    grid-template-columns:minmax(0,1fr)!important;gap:0!important;
  }
  #clokit-assessment-panel input:not([type=checkbox]),
  #clokit-assessment-panel textarea,
  #clokit-assessment-panel select{max-width:100%!important;min-height:43px;font-size:16px!important}
  #clokit-assessment-panel .assessment-head{flex-wrap:wrap;gap:8px}
  #clokit-assessment-panel .assessment-record{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  #clokit-assessment-panel .assessment-record strong,
  #clokit-assessment-panel .assessment-record small{overflow-wrap:anywhere}
  #clokit-assessment-panel .assessment-window button:focus-visible{
    outline:3px solid #2aa7e5!important;outline-offset:2px!important;
  }

  /* GC BID BUILDER — compact, readable entry and pricing with no calculation changes. */
  .gcbb-page{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:clip!important}
  .gcbb-page .bidintel-main{
    width:100%!important;min-width:0!important;max-width:100%!important;
    padding:12px 13px calc(145px + env(safe-area-inset-bottom,0px))!important;
  }
  .gcbb-page .bid-v2-top{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:8px!important;
    margin:0 0 21px!important;
  }
  .gcbb-page .bid-v2-top>.bidintel-btn{
    min-width:0!important;min-height:42px!important;
    border-radius:11px!important;padding:8px 12px!important;
    font-size:12px!important;line-height:1.25!important;
  }
  .gcbb-page .bid-v2-steps{
    grid-column:1/-1!important;grid-row:2!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:center!important;width:100%!important;
    margin:0!important;padding:4px!important;
    gap:3px!important;border-radius:13px!important;
  }
  .gcbb-page .bid-v2-steps span{
    min-width:0!important;padding:9px 5px!important;
    border-radius:10px!important;
    font-size:clamp(10px,2.7vw,12px)!important;
    line-height:1.15!important;text-align:center!important;
    white-space:normal!important;
  }
  .gcbb-page .gcbb-hero{
    display:block!important;padding:15px 0 13px!important;
    margin:0!important;
  }
  .gcbb-page .gcbb-hero h1{
    max-width:100%!important;font-size:clamp(28px,7.3vw,35px)!important;
    line-height:1.08!important;letter-spacing:-.04em!important;
    margin:8px 0 11px!important;overflow-wrap:break-word!important;
  }
  .gcbb-page .gcbb-hero p{
    font-size:14px!important;line-height:1.55!important;margin:0!important;
  }
  .gcbb-page .gcbb-total{
    width:100%!important;min-width:0!important;
    margin:16px 0 0!important;padding:17px 18px!important;
    border-radius:17px!important;
  }
  .gcbb-page .gcbb-total b{
    font-size:29px!important;line-height:1.16!important;
    font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
  }
  .gcbb-page .gcbb-notice{
    display:block!important;margin:0 0 20px!important;
    padding:13px 15px!important;line-height:1.42!important;
  }
  .gcbb-page .gcbb-notice b,.gcbb-page .gcbb-notice span{
    display:block!important;min-width:0!important;
    font-size:12px!important;line-height:1.42!important;
  }
  .gcbb-page .gcbb-notice span{margin-top:4px!important}
  .gcbb-page .gcbb-layout{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important;
  }
  .gcbb-page .gcbb-sectionhead h2{
    font-size:23px!important;line-height:1.22!important;
  }
  .gcbb-page .gcbb-sectionhead p{
    font-size:12.5px!important;line-height:1.45!important;
  }
  .gcbb-page .gcbb-trades,.gcbb-page .gcbb-side{
    min-width:0!important;grid-template-columns:minmax(0,1fr)!important;
  }
  .gcbb-page .gcbb-trade{
    width:100%!important;min-width:0!important;border-radius:14px!important;
  }
  .gcbb-page .gcbb-tradebar{
    grid-template-columns:minmax(0,1fr)!important;gap:8px!important;
    padding:12px!important;
  }
  .gcbb-page .gcbb-tradebar button{
    min-width:0!important;width:100%!important;
    padding:0!important;gap:11px!important;
  }
  .gcbb-page .gcbb-tradebar button>span:last-child{min-width:0!important}
  .gcbb-page .gcbb-tradebar b{
    font-size:14px!important;line-height:1.27!important;overflow-wrap:anywhere!important;
  }
  .gcbb-page .gcbb-num{flex:0 0 39px!important;width:39px!important;height:39px!important}
  .gcbb-page .gcbb-tradebar label{
    width:100%!important;min-width:0!important;
    min-height:45px!important;height:45px!important;
    border-radius:10px!important;padding:0 12px!important;
    font-size:14px!important;
  }
  .gcbb-page .gcbb-tradebar input,
  .gcbb-page .gcbb-costgrid input{
    min-width:0!important;max-width:100%!important;
    font-size:16px!important;font-variant-numeric:tabular-nums!important;
  }
  .gcbb-page .gcbb-detail{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;padding:9px 14px 15px!important;
  }
  .gcbb-page .gcbb-card{
    min-width:0!important;padding:18px!important;
    border-radius:17px!important;
  }
  .gcbb-page .gcbb-card h3{overflow-wrap:anywhere!important}
  .gcbb-page .gcbb-cost{margin-top:17px!important}
  .gcbb-page .gcbb-costgrid{
    grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
  }
  .gcbb-page .gcbb-costgrid label{
    display:block!important;min-width:0!important;
    font-size:12px!important;line-height:1.3!important;
  }
  .gcbb-page .gcbb-costgrid label>div{
    height:46px!important;border-radius:11px!important;margin-top:5px!important;
  }
  .gcbb-page .gcbb-breakdown{max-width:100%!important;margin-top:18px!important}
  .gcbb-page .gcbb-breakdown span,
  .gcbb-page .gcbb-breakdown strong{
    gap:14px!important;align-items:baseline!important;
    min-width:0!important;font-size:12px!important;
  }
  .gcbb-page .gcbb-breakdown span b,
  .gcbb-page .gcbb-breakdown strong b{
    font-variant-numeric:tabular-nums;
    flex:0 0 auto!important;text-align:right!important;
  }
  .gcbb-page .gcbb-breakdown strong{
    font-size:16px!important;line-height:1.35!important;
  }
  .gcbb-page .gcbb-next{
    display:flex!important;align-items:stretch!important;
    flex-direction:column!important;gap:12px!important;
    padding-top:15px!important;margin-top:16px!important;
  }
  .gcbb-page .gcbb-next span{font-size:12px!important;line-height:1.48!important}
  .gcbb-page .gcbb-next .bidintel-btn{
    display:block!important;width:100%!important;
    min-height:49px!important;padding:10px 16px!important;
    border-radius:12px!important;font-size:14px!important;
    background:#0c3551!important;color:#fff!important;
  }
  .gcbb-page .gcbb-proposal,
  .gcbb-page .gcbb-proposal-tools{max-width:100%!important;min-width:0!important}
  .gcbb-page .gcbb-proposal{padding:25px 18px!important}
  .gcbb-page .gcbb-proposal header,
  .gcbb-page .gcbb-proposal-total{gap:10px!important;flex-wrap:wrap!important}
  .gcbb-page .gcbb-proposal table{table-layout:auto!important;max-width:100%!important}
}
@media screen and (max-width:360px){
  #clokit-assessment-panel .assessment-window>header{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #clokit-assessment-panel .assessment-window>header #assessment-close{
    justify-self:start!important;
  }
  .gcbb-page .bid-v2-steps span{font-size:10px!important}
}
@media print{
  /* Preserve the existing client-facing PDF print rules. */
  .gcbb-page .gcbb-proposal{padding:.35in .45in!important}
}

/* BUILDING DATA CENTER / PHONE FOLLOW-UP — 2026-10-22.
   Hide the global app navigation only while this full-screen document owns the screen. */
@media screen and (max-width:767px){
  body.clokit-data-center-open .v220-mobile-tabs,
  body.clokit-data-center-open [aria-label="Mobile workspace navigation"],
  body.clokit-data-center-open .bottom-nav,
  body.clokit-data-center-open .clokit-mobile-nav-live{
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }
  #clokit-assessment-panel .assessment-window{
    padding-bottom:calc(44px + env(safe-area-inset-bottom,0px))!important;
  }
  #clokit-assessment-panel .data-center-mode-note{
    margin:0 0 14px!important;padding:13px 15px!important;
    background:#fff!important;border:1px solid #d6e7f1!important;
    border-left:3px solid #1789c4!important;border-radius:12px!important;
    color:#506e84!important;font-size:12px!important;line-height:1.48!important;
  }
  #clokit-assessment-panel .data-center-nav{
    display:flex!important;align-items:center!important;gap:10px!important;
    margin:16px 0 11px!important;
  }
  #clokit-assessment-panel .data-center-nav button{
    min-height:42px!important;max-width:145px!important;
    padding:9px 12px!important;font-size:12px!important;
  }
  #clokit-assessment-panel .data-center-nav strong{
    flex:1!important;min-width:0!important;
    font-size:clamp(15px,4vw,19px)!important;
    overflow-wrap:anywhere!important;
  }
  #clokit-assessment-panel .data-center-empty-actions{
    padding:12px 0!important;
  }
  #clokit-assessment-panel .data-center-empty-actions button{
    display:block!important;width:100%!important;min-height:45px!important;
    color:#fff!important;background:#087fbe!important;border-color:#087fbe!important;
  }
  #clokit-assessment-panel .data-center-select-hint{
    border-top:1px solid #e4edf3!important;
    margin-top:16px!important;padding-top:17px!important;
    color:#60798c!important;font-size:13px!important;line-height:1.5!important;
  }
  #clokit-assessment-panel .data-center-listing-state{
    border:1px solid #dbe8f0!important;background:#f3f8fb!important;
    padding:13px!important;border-radius:11px!important;
    font-size:12px!important;line-height:1.5!important;color:#3c617a!important;
  }
  #clokit-assessment-panel #data-center-review-tools button,
  #clokit-assessment-panel #data-center-file-tools button,
  #clokit-assessment-panel #assessment-form button[type="submit"]{
    min-height:46px!important;max-width:100%!important;
    margin:9px 0 0!important;border-radius:11px!important;
    white-space:normal!important;font-size:13px!important;
  }
  #clokit-assessment-panel #data-center-review-tools button{
    display:block!important;width:100%!important;
  }
  #clokit-assessment-panel .assessment-upload-label{overflow-wrap:anywhere!important}
  #clokit-assessment-panel #assessment-upload{
    font-size:13px!important;min-height:49px!important;overflow:hidden!important;
  }
  #clokit-assessment-panel #assessment-form{
    padding-bottom:30px!important;
  }
  #clokit-assessment-panel .assessment-rights{
    display:flex!important;align-items:flex-start!important;gap:11px!important;
    font-size:13px!important;line-height:1.5!important;
  }
  #clokit-assessment-panel .assessment-rights input[type="checkbox"]{
    flex:0 0 22px!important;width:22px!important;height:22px!important;
    margin:1px 0 0!important;
  }
  #clokit-assessment-panel #assessment-status{
    display:block!important;min-height:20px!important;
    padding:12px 0!important;font-size:12px!important;line-height:1.45!important;
  }
}