/* Rosa Helado de Fresa: fondo luminoso acorde con la referencia del salón.
   Solo pantalla: el ticket conserva sus medidas y negro sobre blanco. */
@media screen{
  :root{--pink:#edb4c7;--muted:#65515d;--border:#d5a9b9;color:#30262c;background:#f1bdce;font-size:14px}
  body{background:linear-gradient(135deg,#edb4c7 0%,#f3c6d5 52%,#f7dce5 100%);color:#30262c}
  body>header{border-bottom-color:#d2b383}
  .brand{color:#84682f}
  .brand small,.brand-copy em{color:#665342;font-weight:600;font-size:11px}
  .brand-copy{border-left-color:#d9c7ae}
  .session{font-size:13px;font-weight:500;color:#4f4048}
  .session .secondary{color:#4f4048;font-size:12px;border-color:#cdb7c0}
  #app>nav{border-color:#d6acbc;box-shadow:0 3px 15px #65324b0a}
  nav button{color:#5a424e;font-size:14px;font-weight:600}
  nav button.active{color:#fff5e4}
  nav button:hover:not(.active){background:#f5d4e0;color:#3f2b35}
  .intro h1,.panel h2,.toolbar h2,.client-card h3{color:#35272f}
  p,.muted,.intro p,.login p{color:#5c4652;font-size:14px;line-height:1.65}
  .eyebrow,.intro .eyebrow{color:#715324;font-size:11px;font-weight:700;letter-spacing:1.5px}
  #app>.notice,.notice{color:#694c22;background:#fcf1de;border-color:#d9bb87;font-size:12px;line-height:1.6}
  #app>.notice.info,.notice.info{background:#fbe7ef;border-color:#d9acbd;color:#654151;font-size:13px}
  .notice.danger{background:#fff0ed;border-color:#cc9187;color:#8f302d;border-left-color:#a6453c;font-size:13px}
  .stat,.panel,.client-card{border-color:#dab5c3}
  .stat label{color:#684d5b;font-size:11px;font-weight:700;letter-spacing:1px}
  .stat small{color:#65515c;font-size:12px;line-height:1.55}
  .stat strong{color:#30232b;font-weight:600}
  .stat:nth-child(4) label{color:#f0d5a3}
  .stat:nth-child(4) strong{color:#ffe4ad}
  .stat:nth-child(4) small{color:#eddee6}
  .stat:before{background:#b1748c}.stat:nth-child(2):before{background:#a88649}
  small{color:#65515d;font-size:12px;line-height:1.55}
  .portfolio-summary{border-color:#d6b3be;border-left-color:#a78543}
  .portfolio-summary .summary-caption{color:#6b4d5b;font-size:11px;font-weight:700}
  .portfolio-summary small{color:#65515d;font-size:12px}
  .portfolio-summary strong{color:#674b27}
  th{background:#f7dce6;color:#634351;font-size:11px;font-weight:700;letter-spacing:1px}
  td{color:#57424e;font-size:13px;border-bottom-color:#ecd5df}
  td b{color:#392832;font-size:14px;font-weight:600}
  td small{color:#68515e;font-size:12px}
  tr:hover td{background:#fff6f9}
  .money{color:#654921}
  .badge{color:#644658;background:#f4e7ef;border-color:#c8a8b9;font-size:11px;font-weight:600}
  .badge.late{color:#963c2f;background:#fbe8e2;border-color:#dba392}
  .badge.good{color:#2c613e;background:#eaf3eb;border-color:#a8c8af}
  .badge.today{color:#74510c;background:#fcf0d4;border-color:#d8bb79}
  .primary{font-size:14px;color:#fff0d4}
  .secondary{color:#61414f;border-color:#c6a6b4;font-size:13px;font-weight:600}
  .filters .secondary{color:#674653;font-size:12px;border-color:#d3b0c0;background:#fff8fb}
  .filters .secondary.selected{color:#4a2c3c;border-color:#b87e98;background:#f1c5d6;font-weight:700}
  .table-wrap .primary,.table-wrap .secondary{font-size:12px}
  label{color:#644452;font-size:13px;font-weight:600}
  input,select,textarea{color:#382a33;border-color:#c4a0b2;font-size:14px;background:#fff}
  input::placeholder,textarea::placeholder{color:#78606d;opacity:1}
  .toolbar input{background:#fffbfd;font-size:14px}
  input:focus,select:focus,textarea:focus{outline:2px solid #8d4c6a;border-color:#8d4c6a;outline-offset:2px}
  .quote{background:linear-gradient(125deg,#f6d4e1,#fceef3);border-color:#cfa1b4}
  .quote small{color:#6a4757;font-size:12px}
  .quote>.total{color:#402b37;font-weight:600}
  .quote .row,.row{color:#614451;font-size:13px;border-color:#dec0cd}
  .quote .row b,.row b{color:#452c39}
  .detail-grid>div{background:#fdf0f5;border-color:#debdcc}
  .detail-grid strong{color:#513444}
  .client-card p{font-size:14px}
  .error{color:#a12b3f;font-size:13px;font-weight:600}
  .empty{color:#6b4a5d;font-size:13px}
  .modal-head h2{color:#3f2b37}
  .modal-head .secondary{color:#654451;border-color:#d1afbd}
  .print-controls small{color:#634b56;font-size:12px}
  .login .eyebrow{color:#735221}
  .session .secondary:hover{color:#3f2a35}
  .salon-signature,.salon-signature span{color:#674855;font-size:11px}
  .salon-signature span:first-child{color:#745522}
  button:focus-visible,a:focus-visible{outline:3px solid #87502d;outline-offset:3px}
}
@media screen and (max-width:700px){
  .brand small{font-size:10px}.brand-copy em{font-size:9px}.session{font-size:11px}.session .secondary{font-size:11px}
  nav button{font-size:12px;min-width:98px;padding:12px 13px}
  .intro .eyebrow{font-size:10px;letter-spacing:1px}.intro p{font-size:13px}
  .intro>.primary{font-size:12px;padding:12px 13px;white-space:normal}
  #app>.notice{font-size:12px}.stats .stat label{font-size:11px;letter-spacing:.5px;min-height:30px;max-width:90%}
  .stats .stat small{font-size:12px}.stat{min-height:155px}.stat:after{right:12px;top:14px}
  .stat strong{font-size:27px}.collaborator-stats .stat{min-height:125px}
  .filters .secondary{font-size:12px;padding:9px 13px}
  input,select,textarea{font-size:16px}.toolbar input{font-size:16px}
  #collection-list td{font-size:14px}#collection-list td:before{font-size:12px;color:#654753}
  #collection-list td:first-child b{font-size:19px;color:#422d39}#collection-list td:first-child small{font-size:13px;color:#68505d}
  #collection-list td:nth-child(2) small{font-size:12px}
  #collection-list td.money:before{color:#654a2c}#collection-list td.money{color:#50371c;background:#fcf0f3;font-size:24px}
  #collection-list td:last-child .primary{font-size:14px;padding:13px}
  .quote small{font-size:12px}.quote .row{font-size:12px}
  .notice.danger{font-size:13px}.badge{font-size:11px}
  .portfolio-summary .summary-caption{font-size:10px}.portfolio-summary small{font-size:12px}
  .salon-signature span{font-size:10px}.page-balance .panel form label{font-size:12px}
}