/* Lavender Lotus Studio 9.3.53 — desktop/laptop polish.
   Additive only. Mobile + standalone behavior remains owned by 9.3.51/9.3.52 layers. */
@media (min-width:901px){
  /* Desktop should feel intentionally spacious, not like a stretched phone layout. */
  body{overflow-x:hidden}
  .content{padding-left:clamp(26px,3vw,52px)!important;padding-right:clamp(26px,3vw,52px)!important}
  .content>.v8-page,.content>.project-file-hub,.content>.panel,.content>.stack{width:100%}

  /* Mobile-only dock must never occupy desktop layout space. */
  .v8-mobile-dock{display:none!important}

  /* Strong, consistent interaction cues for things that open. */
  :is(.project-card,.proposal-card,.dashboard-wedding-row,.dashboard-next-wedding,[data-open-project],[role="button"]){
    -webkit-tap-highlight-color:transparent;
  }
  :is(.project-card,.proposal-card,.dashboard-wedding-row,.dashboard-next-wedding)[tabindex],
  :is(.project-card,.proposal-card,.dashboard-wedding-row,.dashboard-next-wedding)[role="button"]{
    cursor:pointer;
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
  }
  :is(.project-card,.proposal-card,.dashboard-wedding-row,.dashboard-next-wedding)[tabindex]:hover,
  :is(.project-card,.proposal-card,.dashboard-wedding-row,.dashboard-next-wedding)[role="button"]:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 34px rgba(58,39,49,.10);
  }
  :is(.project-card,.proposal-card,.dashboard-wedding-row,.dashboard-next-wedding):focus-visible,
  button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
    outline:3px solid rgba(105,70,91,.26)!important;
    outline-offset:3px!important;
  }

  /* Long administrative forms are intentionally desktop-sized and centered. */
  .dialog-layer{padding:24px!important;place-items:center!important}
  .modal.financial-entry-modal,.modal.scope-change-modal{
    width:min(920px,calc(100vw - 64px))!important;
    height:auto!important;
    max-height:min(860px,calc(100dvh - 48px))!important;
    border-radius:26px!important;
    margin:auto!important;
  }
  .financial-entry-modal>form,.scope-change-modal>form{max-height:inherit!important}
  .financial-entry-modal .modal-body,.scope-change-modal .modal-body{
    padding:24px 30px 28px!important;
    overflow:auto!important;
    scrollbar-gutter:stable;
  }
  .financial-entry-modal .form-grid,.scope-change-modal .form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:22px!important;
    row-gap:18px!important;
  }
  .financial-entry-modal .form-grid .span-2,.scope-change-modal .form-grid .span-2{grid-column:1/-1!important}
  .financial-entry-modal .modal-footer,.scope-change-modal .modal-footer{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:16px!important;padding:16px 24px!important;background:#fffaf7!important;
  }
  .financial-entry-modal .modal-footer-right,.scope-change-modal .modal-footer-right{
    display:flex!important;gap:10px!important;margin-left:auto!important;width:auto!important;
  }
  .financial-entry-modal .modal-footer .button,.scope-change-modal .modal-footer .button{
    width:auto!important;min-width:132px!important;white-space:nowrap!important;
  }

  /* Proposal/contract editors use available desktop width without becoming unwieldy. */
  .modal.proposal-creation-modal,.modal.modal-contract-packet{
    width:min(1180px,calc(100vw - 64px))!important;
    max-height:calc(100dvh - 48px)!important;
  }
  .proposal-creation-modal .modal-body,.modal-contract-packet .modal-body{scrollbar-gutter:stable}

  /* Desktop data tables: easier scanning and no accidental tiny columns. */
  .table-wrap,.data-table-wrap,.client-table-wrap{overflow:auto!important;scrollbar-gutter:stable}
  table{font-variant-numeric:tabular-nums}
  table th{position:sticky;top:0;z-index:2;background:rgba(250,247,243,.96);backdrop-filter:blur(8px)}
  table td,table th{vertical-align:middle}

  /* Inputs stay comfortably readable without phone-scale heights. */
  input,select,textarea{scroll-margin-top:96px}
}

@media (min-width:1280px){
  /* Give wide workspaces room, while keeping prose/forms at readable line lengths. */
  .content{padding-left:clamp(36px,3.2vw,64px)!important;padding-right:clamp(36px,3.2vw,64px)!important}
  .modal.financial-entry-modal,.modal.scope-change-modal{width:min(980px,calc(100vw - 96px))!important}
}