:root{
    --bg:#fff; --muted:#9aa7bf; --accent:#0073E6; --accent2:#FF9800;
    --paper-bg:#ffffff; --paper-text:#000000;
  }
  .container{max-width:1200px;margin:18px auto;padding:18px}
/*  header{display:flex;align-items:center;gap:14px;margin-bottom:14px}
  header h1{margin:0;font-size:20px;color:#fff}*/
.banner-top {margin-top: 85px;}
 header .row{gap: inherit;margin-top:0px;}
  .grid{display:grid;grid-template-columns:1fr 480px;gap:14px}
  .card{padding:20px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}
  label{font-weight: 600;}
  input[type=text], input[type=number], select, textarea{ width: 100%;
    padding: 8px 10px;
    border-radius: 8px;
    /* border: 1px solid rgba(255, 255, 255, 0.06); */
    background: transparent;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #ddd;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);}
  .row{display:flex;gap:8px;margin-top:8px}
  .row> *{flex:1}
  .small{max-width:120px}
  .muted{color:var(--muted);font-size:13px}
  .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:#e6eef8;padding:8px 10px;border-radius:8px}
  table{width:100%;border-collapse:collapse;color:#dfeeff;font-size:13px;margin-top:8px}
  th,td{padding:8px;text-align:left;border-bottom:1px dashed rgba(255,255,255,0.03)}
  #map{border-radius:12px;margin-top:10px;width:100%;height:360px;border:1px solid rgba(255,255,255,0.04)}
  .chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;}
  .chip{background:#eee; padding:6px 12px;border-radius: 8px;font-size:16px; display:flex; align-items:center; gap:6px}
  .chip button{background: #fff; color: var(--invoice-ThemeOrange); border: none; cursor: pointer; font-weight: 700; padding: 0; width: 20px; height: 20px; line-height: 20px;}
  .note{font-size:13px;color:var(--muted);margin-top:10px}
  .muted-small{font-size:12px;color:var(--muted)}
  footer{margin-top:18px;color:var(--muted);font-size:13px}
  @media (max-width:980px){.grid{grid-template-columns:1fr;}}
  @media print{ body{background:white;color:black} .no-print{display:none} .card{box-shadow:none;background:transparent;padding:0;border-radius:0} }

  /* Proposal preview & PDF styles (high-contrast) */
  #proposal-card{background:var(--paper-bg);color:var(--paper-text);padding:18px;border-radius:8px;}
  #proposal-card h2{margin:0 0 8px 0;font-size:18px;color:var(--paper-text)}
  #pdf-comps-table{width:100%;border-collapse:collapse;margin-top:8px}
  #pdf-comps-table th,#pdf-comps-table td{border:1px solid #444;padding:6px;font-size:12px;color:var(--paper-text);background:#fff}
  .logo-small{height:38px;object-fit:contain;vertical-align:middle;margin-right:8px}
  .action-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
  .reset-btn{background:#444;color:#fff;padding:8px 10px;border-radius:8px;border:0}

  .toolstyle button{padding: 7px 12px;}
  .toolstyle button.btn-create[data-type="estimate"]{padding: 5px 12px 12px !important; background-color: var(--invoice-ThemeGreen);}
  .toolstyle button.btn-create[data-type="pdf"]{padding: 5px 12px 12px !important}
  .toolstyle button.btn-create[data-type="print"]{padding: 5px 12px 12px !important}
  .toolstyle button.reset-btn{color: #6c757d; border-color: #6c757d; background-color: transparent;padding: 5px 12px 12px !important }
  .toolstyle button.reset-btn:hover{color: #fff; border-color: #6c757d; background-color: #6c757d; }
  .toolstyle button.reset-btn:active, .toolstyle button.reset-btn:focus {color: #fff; background-color: #5c636a; border-color: #565e64;}
.toolstyle button.reset-btn:disabled { color: #6c757d; background-color: transparent; }