.clinic{--bg:#f6eee8;--paper:#fffaf5;--ink:#40232f;--muted:#866e72;--line:#ead7c9;--purple:#74334f;--light:#f7e8e8;--gold:#c69a43;--green:#397a5a;--red:#b83f48;--shadow:0 9px 28px #52233417;min-height:100vh;color:var(--ink);background:radial-gradient(at 85% 0,#fff7e8 0,#0000 38%),linear-gradient(135deg,#f8eee9,#f2e5e2);font:14px/1.45 Arial,sans-serif}.clinic button,.clinic input,.clinic select,.clinic textarea{font:inherit}.clinic button,.clinic .btn{color:#5c3044;cursor:pointer;background:#fffaf5;border:1px solid #e5d2c5;border-radius:9px;padding:9px 12px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-block}.clinic button:hover,.clinic .btn:hover{background:#fff2dc;border-color:#c69a43}.clinic button:active{transform:translateY(1px)}.clinic button.primary{color:#fff;background:linear-gradient(110deg,#7b3450,#542039);border-color:#6a2945}.clinic button.soft,.clinic .btn.soft{color:#71364f;background:#f7e7e6;border-color:#ecd1d0}.clinic button.danger{color:var(--red)}.clinic button.small{padding:6px 8px;font-size:12px}.clinic>header{z-index:5;background:linear-gradient(105deg,#5b203b 0%,#7b3450 48%,#4b1c34 100%);border-bottom:4px solid #d8b56c;justify-content:space-between;align-items:center;gap:12px;height:76px;padding:12px 22px;display:flex;position:fixed;top:0;left:220px;right:0;box-shadow:0 8px 24px #44182c33}.clinic .brand{align-items:center;gap:11px;display:flex}.clinic>header .brand{min-width:0}.clinic>header .clinic-logo-image{-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;background:#fff7ed;border-radius:8px;width:min(390px,42vw);max-width:none;height:62px;display:block}.clinic>header .actions button{color:#342842;background:#fff;border-color:#e8dfef;box-shadow:0 2px 7px #17102022}.clinic>header .actions button:hover{background:#f3ecf8}.clinic>header .actions button.danger{color:#8c3c43;background:#f9eeee;border-color:#e8c7ca}.clinic .sidebar{z-index:6;color:#fff8ef;background:linear-gradient(#572039 0%,#6f2c48 55%,#4b1d35 100%);border-right:3px solid #c9a35e;width:220px;padding:16px 12px;position:fixed;top:0;bottom:0;left:0;overflow:auto}.clinic .sidebar .brand{border-bottom:1px solid #ffe7c44d;margin-bottom:12px;padding:2px 3px 13px}.clinic .sidebar .clinic-logo-image{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:#fff7ed;border:1px solid #d5b46e;border-radius:10px;width:100%;height:72px;display:block}.clinic .sidebar nav{flex-direction:column;gap:4px;display:flex}.clinic .sidebar nav a{text-align:left;color:#fff4e9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:block}.clinic .sidebar nav a:hover{background:#ffefd721;border-color:#e5c17c73}.clinic .sidebar nav a.active{color:#562039;background:linear-gradient(100deg,#e5c17b,#f6e3b9);font-weight:800;box-shadow:0 3px 12px #32132355}.clinic>main{max-width:1600px;margin:76px 0 0 220px;padding:24px}.clinic .topline{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.clinic h2{color:#642841;margin:0 0 3px;font-family:Georgia,serif;font-size:24px;font-weight:700}.clinic h3{color:#65304a;margin:0 0 12px;font-size:16px;font-weight:700}.clinic h4{margin:1.33em 0;font-size:1em;font-weight:700}.clinic p{margin:1em 0}.clinic .sub{color:var(--muted);margin:0}.clinic main a{color:#00e;text-decoration:underline}.clinic main a.btn{color:#71364f;text-decoration:none}.clinic main a.btn.primary-link{color:#fff;background:linear-gradient(110deg,#7b3450,#542039);border-color:#6a2945}.clinic .panel,.clinic .stat{box-shadow:var(--shadow);background:linear-gradient(145deg,#fffdf9,#fff6ef);border:1px solid #e6cdbd;border-radius:16px;margin:12px 0;padding:16px}.clinic .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.clinic .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:14px 0;display:grid}.clinic .stat{border-left:5px solid #c69a43;margin:0}.clinic .stat:nth-child(2){border-left-color:#a45c7d}.clinic .stat:nth-child(3){border-left-color:#6f9b8b}.clinic .stat:nth-child(4){border-left-color:#d18a62}.clinic .stat span{color:var(--muted);font-size:12px;display:block}.clinic .stat strong{margin-top:5px;font-size:20px;display:block}.clinic .field{flex-direction:column;gap:5px;min-width:0;display:flex}.clinic .field label{color:#625c70;font-size:12px;font-weight:700}.clinic input,.clinic select,.clinic textarea{width:100%;min-width:0;color:var(--ink);background:#fffdfb;border:1px solid #e3d1c9;border-radius:8px;padding:9px}.clinic textarea{resize:vertical;min-height:72px}.clinic input:focus,.clinic select:focus,.clinic textarea:focus{outline-offset:1px;border-color:#bd8f42;outline:2px solid #d6b36b}.clinic .row,.clinic .actions{flex-wrap:wrap;align-items:end;gap:9px;display:flex}.clinic .row>.field{flex:150px}.clinic .actions{align-items:center;gap:7px}.clinic .table-wrap{border:1px solid var(--line);border-radius:9px;width:100%;overflow-x:auto}.clinic table{border-collapse:collapse;background:#fff;width:100%;min-width:650px}.clinic th,.clinic td{text-align:left;vertical-align:middle;border-bottom:1px solid #eeebf1;padding:9px 10px}.clinic th{color:#71374e;text-transform:uppercase;background:#f5e7e4;font-size:11px;font-weight:700}.clinic tr:last-child td{border-bottom:0}.clinic .pill{color:#78364f;background:#f7e7e6;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.clinic .pill.green{color:#286b4c;background:#e5f2e9}.clinic .pill.gray{color:#686271;background:#efedf1}.clinic .note{color:#765522;background:#fff5df;border:1px solid #e7ca8c;border-radius:9px;margin:10px 0;padding:11px}.clinic .empty{text-align:center;color:var(--muted);padding:18px}.clinic .calendar{padding:14px}.clinic .cal-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.clinic .cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.clinic .cal-grid span{color:var(--muted);padding:5px 0;font-size:11px}.clinic .cal-day{background:#fff;border:0;border-radius:8px;padding:8px 1px;font-size:12px;position:relative}.clinic .cal-day.selected{background:var(--purple);color:#fff}.clinic .cal-day.today:not(.selected){outline:1px solid var(--gold)}.clinic .cal-day.has:after{content:"";background:var(--gold);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:calc(50% - 2px)}.clinic .appointment{background:#fffdf9;border:1px solid #ead8cd;border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:8px 0;padding:12px;display:flex}.clinic .time{color:#853a58;min-width:50px;font-weight:700}.clinic .photo-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.clinic .photo-pair img{-o-object-fit:contain;object-fit:contain;background:#f4f1f7;border-radius:8px;width:100%;max-height:390px}.clinic .budget-lines{gap:9px;margin:12px 0;display:grid}.clinic .budget-line{border:1px solid var(--line);background:#fcfbfd;border-radius:10px;flex-wrap:wrap;align-items:end;gap:9px;padding:10px;display:flex}.clinic .budget-line>.field{flex:170px}.clinic .budget-line>.field:nth-child(2){flex:0 110px}.clinic .budget-summary{text-align:right;min-width:190px;margin:12px 0 0 auto}.clinic .budget-summary strong{font-size:18px}.clinic .ff-mode{border:2px solid #0000;min-height:42px}.clinic .ff-mode.tox{color:#b8322a;background:#fff0ed}.clinic .ff-mode.ah{color:#145da0;background:#e7f3ff}.clinic .ff-mode.active{border-color:currentColor}.clinic .ff-mark-layer{line-height:normal;position:absolute;inset:0}.clinic .ff-mark{color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;width:29px;height:29px;padding:0;font-weight:700;line-height:1;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 7px #0007}.clinic .ff-mark.tox{background:#d93636}.clinic .ff-mark.ah{background:#1677d2}.clinic .ff-dual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0;display:grid}.clinic .ff-face-card{background:linear-gradient(145deg,#fffdf8,#fff4eb);border:1px solid #dfc6ad;border-radius:13px;min-width:0;padding:10px}.clinic .ff-face-title{text-align:center;color:#70314b;background:#f5e4e3;border-radius:8px;margin-bottom:8px;padding:8px;font-weight:700}.clinic .ff-face-stage{cursor:crosshair;background:#fbf5e8;border:1px solid #d5c7a7;border-radius:10px;width:100%;max-width:520px;margin:0 auto;line-height:0;position:relative;overflow:hidden}.clinic .ff-face-stage img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:600px;display:block}.clinic .ff-help{color:#81766b;text-align:center;margin:8px 0 2px;font-size:12px}.clinic .ff-photo-tools{background:#fffaf0;border:1px dashed #cbb98e;border-radius:10px;gap:7px;margin:10px 0;padding:10px;display:grid}.clinic .ff-photo-tools label{color:#6e5438;font-size:13px;font-weight:700}.clinic .ff-photo-tools input{max-width:100%;font-size:13px}.clinic>footer{text-align:center;color:#f9ead7;background:#572039;border-top:3px solid #c9a35e;padding:14px;font-size:11px;line-height:1.8}.clinic .clinic-footer a{color:#f4d79e;text-decoration:none}.clinic .clinic-footer strong{color:#ffe5b2;font-family:Georgia,serif;font-size:14px}.clinic .clinic-footer .clinic-meta{letter-spacing:.2px;color:#f5dfd2;font-size:10px}.clinic .doc{font-family:Arial,sans-serif;display:none}.clinic .doc-head{color:#40352d;border-bottom:2px solid #bd914b;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.clinic .doc-head .doc-brand{color:#6b2d48;font:italic 25px Georgia,serif}.clinic .doc-head .doc-sub{letter-spacing:1.3px;color:#8c7658;font-size:10px}.clinic .doc-footer{text-align:center;color:#694b52;border-top:1px solid #d7b979;margin-top:38px;padding-top:10px;font-size:10px;line-height:1.7}.clinic .doc-sign{gap:35px}.clinic .doc-sign div{text-align:center;border-top:1px solid #8e8172;padding-top:8px}.clinic .doc-sign .sign-name{color:#5a263e;font-weight:700}.clinic .signature-script{color:#6c2947;letter-spacing:.3px;text-align:center;margin:0 auto 3px;font-family:URW Chancery L,Brush Script MT,Segoe Script,cursive;font-size:31px;font-style:italic;line-height:1;transform:rotate(-4deg)}.clinic .signature-swoosh{width:180px;height:17px;margin:-2px auto 2px;display:block}.clinic .signature-caption{color:#8a6a70;letter-spacing:.4px;font-size:9px}.clinic .agenda-layout{grid-template-columns:minmax(245px,285px) minmax(340px,1fr) minmax(260px,305px);align-items:start;gap:14px;display:grid}.clinic .agenda-calendar{position:sticky;top:12px}.clinic .agenda-day,.clinic .agenda-booking{min-width:0;padding:17px}.clinic .agenda-day-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.clinic .agenda-day-head h3,.clinic .booking-heading h3{color:#642841;margin:4px 0}.clinic .eyebrow{letter-spacing:1.15px;color:#a17b45;font-size:10px;font-weight:800}.clinic .agenda-date{color:var(--muted);font-size:13px}.clinic .agenda-total{color:#fff;background:linear-gradient(145deg,#7b3450,#542039);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:62px;height:62px;font-size:24px;font-weight:800;display:flex}.clinic .agenda-total small{color:#f9e7d3;font-size:9px;font-weight:500}.clinic .agenda-stats{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.clinic .agenda-stats span{color:#76505c;background:#f7eae4;border-radius:20px;padding:6px 9px;font-size:11px}.clinic .agenda-stats b{color:#672b47}.clinic .agenda-entries{max-height:650px;padding-right:2px;overflow:auto}.clinic .agenda-appointment{background:#fffdfa;border-left:4px solid #c69a43;display:block;box-shadow:0 4px 14px #6b34400d}.clinic .agenda-entry-main{align-items:flex-start;gap:12px;display:flex}.clinic .agenda-entry-main .time{color:#78334f;min-width:54px;padding-top:1px;font-size:17px}.clinic .agenda-entry-main strong{color:#452536;font-size:14px}.clinic .agenda-procedure{color:#806d70;margin:3px 0 7px;font-size:12px}.clinic .agenda-appointment .actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.clinic .agenda-empty{text-align:center;color:#775967;background:#fcf5ef;border:1px dashed #d9bfae;border-radius:12px;flex-direction:column;gap:6px;padding:38px 12px;display:flex}.clinic .agenda-empty span{color:var(--muted);font-size:12px}.clinic .booking-heading{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}.clinic .booking-icon{color:#71334d;background:#f1dfc2;border-radius:12px;place-items:center;width:38px;height:38px;font-size:25px;font-weight:500;display:grid}.clinic .agenda-form{flex-direction:column;gap:12px;display:flex}.clinic .agenda-form .field{width:100%}.clinic .booking-submit{width:100%;margin-top:3px;padding:12px 10px}.clinic .booking-hint{color:#8a7475;background:#fff6e7;border-radius:9px;margin:13px 0 0;padding:10px;font-size:11px;line-height:1.5}.clinic .agenda-legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:12px;font-size:10px;display:flex}.clinic .agenda-legend span{align-items:center;gap:5px;display:flex}.clinic .agenda-legend i{background:#c69a43;border-radius:50%;width:7px;height:7px}.clinic .agenda-legend i.today-dot{background:#7b3450}@media (width<=1120px){.clinic .agenda-layout{grid-template-columns:minmax(240px,290px) minmax(0,1fr)}.clinic .agenda-booking{grid-area:2/2}.clinic .agenda-calendar{grid-row:1/span 2}}@media (width<=900px){.clinic .sidebar{width:190px}.clinic>header{left:190px}.clinic>main{margin-left:190px;padding:16px}.clinic .stats,.clinic .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clinic>header .clinic-logo-image{width:min(310px,38vw);height:54px}}@media (width<=760px){.clinic .agenda-layout{grid-template-columns:1fr}.clinic .agenda-calendar,.clinic .agenda-booking{grid-area:auto;position:static}.clinic .agenda-entries{max-height:none}.clinic .ff-dual-grid{grid-template-columns:1fr}.clinic .ff-face-stage{max-width:460px}}@media (width<=650px){.clinic .sidebar{border-right:0;border-bottom:1px solid var(--line);width:auto;padding:8px;position:static}.clinic .sidebar .brand{display:none}.clinic .sidebar nav{white-space:nowrap;flex-direction:row;overflow-x:auto}.clinic .sidebar nav a{flex:none}.clinic>header{height:auto;padding:10px 14px;position:static}.clinic>main{margin:0;padding:12px}.clinic .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clinic .panel{padding:12px}.clinic>header .actions{flex-wrap:wrap;justify-content:flex-start}.clinic>header .actions button{padding:7px 9px;font-size:11px}.clinic>header .brand-header{width:100%}.clinic>header .clinic-logo-image{width:min(100%,390px);height:54px}}@media (width<=390px){.clinic .grid{grid-template-columns:1fr}.clinic .stats{grid-template-columns:1fr 1fr}.clinic .stat strong{font-size:17px}}@media print{@page{size:A4;margin:14mm}.clinic{background:#fff}.clinic>.sidebar,.clinic>header,.clinic>main,.clinic>footer{display:none!important}.clinic .doc{color:#222;padding:0;display:block!important}.clinic .doc h2{text-align:center;margin:20px 0}.clinic .doc table{min-width:0}.clinic .doc-sign{-moz-column-break-inside:avoid;break-inside:avoid;justify-content:space-around;margin-top:55px;display:flex}.clinic .doc-sign div{width:42%;font-size:12px}.clinic .doc-footer{position:fixed;bottom:0;left:0;right:0}.clinic .signature-script{font-size:27px}}
