.srb-form{max-width:720px;margin:20px auto;padding:24px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.06);font-family:Arial,Helvetica,sans-serif}.srb-form label{display:block;font-weight:700;margin-bottom:14px;color:#111827}.srb-form input,.srb-form select,.srb-form textarea{width:100%;box-sizing:border-box;margin-top:6px;padding:12px;border:1px solid #d1d5db;border-radius:10px;font-size:16px}.srb-form button{background:#0f2d5c;color:#fff;border:0;border-radius:12px;padding:14px 24px;font-size:17px;font-weight:700;cursor:pointer}.srb-form button:hover{opacity:.9}.srb-success{max-width:720px;margin:20px auto;padding:15px;border-radius:12px;background:#ecfdf5;color:#065f46;font-weight:700}

.srb-staff-dashboard{font-family:Arial,Helvetica,sans-serif;max-width:1200px;margin:20px auto;padding:20px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.srb-staff-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:18px}
.srb-staff-filter input,.srb-staff-filter select{padding:10px;border:1px solid #d7d7d7;border-radius:8px;min-width:160px}
.srb-staff-filter button,.srb-action{background:#1d4ed8;color:#fff!important;border:0;border-radius:8px;padding:10px 16px;text-decoration:none;display:inline-block;margin:2px;font-weight:600}
.srb-staff-dashboard .srb-cards{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;margin:16px 0}
.srb-staff-dashboard .srb-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:18px}
.srb-staff-dashboard .srb-card strong{display:block;font-size:32px;color:#0f2d5c}
.srb-staff-dashboard .srb-card span{font-weight:700}
.srb-table-wrap{overflow-x:auto}
.srb-staff-table{width:100%;border-collapse:collapse;background:#fff}
.srb-staff-table th,.srb-staff-table td{border:1px solid #e5e7eb;padding:10px;text-align:left;vertical-align:top}
.srb-staff-table th{background:#f8fafc;color:#111827}
.srb-staff-login{max-width:420px;margin:30px auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
@media(max-width:800px){.srb-staff-dashboard .srb-cards{grid-template-columns:repeat(2,1fr)}.srb-staff-filter input,.srb-staff-filter select{width:100%}}

.srb-quick-links{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 18px}
.srb-quick-links a{display:inline-block;padding:10px 14px;border:1px solid #d6dbe6;border-radius:10px;text-decoration:none;background:#fff;font-weight:700;color:#102a55}
.srb-quick-links a.srb-active-range{background:#2563eb;color:#fff;border-color:#2563eb}
.srb-day-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:12px;margin:16px 0 20px}
.srb-day-box{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.srb-day-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;border-bottom:1px solid #eef1f5;padding-bottom:8px;margin-bottom:10px}
.srb-day-head span{font-size:12px;color:#64748b}
.srb-day-numbers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.srb-day-numbers div{background:#f8fafc;border-radius:10px;padding:8px;text-align:center}
.srb-day-numbers b{display:block;font-size:26px;color:#0f2d5c;line-height:1}
.srb-day-numbers small{display:block;font-size:12px;color:#64748b;margin-top:4px}
.srb-day-list{margin:0;padding:0;list-style:none;font-size:13px}
.srb-day-list li{padding:6px 0;border-top:1px solid #f1f5f9}
.srb-day-list span{font-weight:700;color:#0f2d5c}.srb-day-list em{font-style:normal;background:#eef2ff;border-radius:999px;padding:2px 7px;float:right}.srb-empty-day{color:#94a3b8;font-size:13px;margin:0}
@media(max-width:1100px){.srb-day-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media(max-width:640px){.srb-day-grid{grid-template-columns:1fr}.srb-quick-links a{width:100%;text-align:center}}

.srb-view-details{background:#0f2d5c;color:#fff!important;border:0;border-radius:8px;padding:8px 12px;text-decoration:none;display:inline-block;margin:4px 4px 4px 0;font-weight:700;cursor:pointer;font-size:13px;line-height:1.2}
.srb-modal{display:none;position:fixed;z-index:999999;inset:0;background:rgba(15,23,42,.68);padding:20px;box-sizing:border-box;align-items:center;justify-content:center}.srb-modal.srb-modal-open{display:flex}.srb-modal-box{background:#fff;width:min(680px,100%);max-height:90vh;overflow:auto;border-radius:18px;padding:24px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);font-family:Arial,Helvetica,sans-serif}.srb-modal-close{position:absolute;right:16px;top:12px;background:#f1f5f9!important;color:#111827!important;border:0!important;border-radius:50%;width:38px;height:38px;font-size:28px;line-height:32px;cursor:pointer}.srb-modal-box h2{margin:0 0 16px;color:#0f2d5c}.srb-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.srb-modal-grid div,.srb-modal-message{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.srb-modal-grid strong,.srb-modal-message strong{display:block;color:#475569;font-size:13px;margin-bottom:5px}.srb-modal-grid span{display:block;color:#111827;font-weight:700}.srb-modal-message{margin-top:12px}.srb-modal-message p{margin:6px 0 0;color:#111827}@media(max-width:640px){.srb-modal-grid{grid-template-columns:1fr}.srb-modal-box{padding:18px}}

/* v1.0.8 compact automatic diary report */
.srb-diary-summary{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;margin:12px 0 18px}.srb-diary-day{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);min-height:110px}.srb-diary-head{display:flex;justify-content:space-between;gap:6px;border-bottom:1px solid #eef1f5;padding-bottom:5px;margin-bottom:6px}.srb-diary-head strong{font-size:13px;color:#1f2937}.srb-diary-head span{font-size:10px;color:#64748b}.srb-diary-counts{display:flex;gap:6px;margin-bottom:6px}.srb-diary-counts span{background:#f8fafc;border-radius:6px;padding:4px 6px;font-size:11px;color:#475569;flex:1;text-align:center}.srb-diary-counts b{font-size:16px;color:#0f2d5c}.srb-diary-list{list-style:none;margin:0;padding:0;font-size:12px}.srb-diary-list li{border-top:1px solid #f1f5f9;padding:5px 0}.srb-diary-time{font-weight:700;color:#0f2d5c}.srb-diary-name{display:inline}.srb-diary-guests{float:right;background:#eef2ff;border-radius:999px;padding:1px 5px;font-size:11px}.srb-diary-list .srb-view-details{display:block;width:100%;margin:5px 0 0!important;padding:5px 6px!important;font-size:11px!important;border-radius:5px!important}.srb-empty-day{font-size:12px;color:#94a3b8;margin:0}.srb-day-grid{display:none!important}@media(max-width:1100px){.srb-diary-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.srb-diary-summary{grid-template-columns:1fr}}

/* v1.0.9 tablet-friendly actions */
.srb-staff-table .srb-action,
.srb-staff-table .srb-delete{display:none!important;}
.srb-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #e5e7eb;}
.srb-modal-actions .srb-action{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:10px;background:#0f2d5c;color:#fff!important;text-decoration:none;font-weight:700;line-height:1.1;}
.srb-modal-actions .srb-delete{background:#b91c1c;}
@media (max-width: 900px){
  .srb-staff-table th:nth-child(5), .srb-staff-table td:nth-child(5),
  .srb-staff-table th:nth-child(6), .srb-staff-table td:nth-child(6),
  .srb-staff-table th:nth-child(7), .srb-staff-table td:nth-child(7){display:none;}
  .srb-view-details{min-height:44px;padding:10px 14px!important;}
  .srb-modal-box{width:94vw;max-height:88vh;overflow:auto;}
  .srb-modal-actions .srb-action{flex:1 1 130px;}
}

/* v1.0.10 line-style booking report */
.srb-diary-summary{display:none!important;}
.srb-line-report{display:block;margin:14px 0 18px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;}
.srb-line-section{border-bottom:1px solid #e5e7eb;padding:0;}
.srb-line-section:last-child{border-bottom:0;}
.srb-line-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8fafc;padding:10px 12px;}
.srb-line-heading h3{margin:0;color:#0f2d5c;font-size:17px;line-height:1.2;}
.srb-line-heading span{font-size:13px;color:#64748b;text-align:right;}
.srb-line-bookings{padding:6px 10px 10px;}
.srb-line-booking{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #f1f5f9;padding:8px 0;}
.srb-line-booking:last-child{border-bottom:0;}
.srb-line-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;}
.srb-line-main strong{color:#0f2d5c;min-width:56px;}
.srb-line-main span{font-weight:700;color:#111827;}
.srb-line-main em{font-style:normal;background:#eef2ff;color:#0f2d5c;border-radius:999px;padding:3px 9px;font-size:12px;}
.srb-line-section .srb-empty-day{padding:10px 12px;margin:0;color:#94a3b8;}
.srb-line-booking .srb-view-details{margin:0!important;white-space:nowrap;min-height:38px;}
@media(max-width:700px){
  .srb-line-heading{align-items:flex-start;flex-direction:column;gap:3px;}
  .srb-line-heading span{text-align:left;}
  .srb-line-booking{align-items:flex-start;flex-direction:column;}
  .srb-line-booking .srb-view-details{width:100%;}
}

/* v1.0.11 popup booking report */
.srb-report-button{margin:10px 0 14px!important;font-size:15px!important;padding:12px 18px!important;border-radius:10px!important;min-height:44px;}
.srb-report-modal-box{width:min(980px,96vw)!important;max-height:92vh!important;padding:22px!important;}
.srb-report-note{margin:0 0 12px;color:#64748b;}
.srb-report-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px;position:sticky;top:0;background:#fff;padding:6px 0;z-index:2;}
.srb-report-tabs a{background:#f1f5f9;color:#0f2d5c;text-decoration:none;font-weight:700;border-radius:9px;padding:9px 12px;border:1px solid #e5e7eb;}
.srb-report-tabs a:hover{background:#e2e8f0;}
.srb-report-section{margin:0 0 18px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;}
.srb-report-section>h3{margin:0;padding:11px 12px;background:#0f2d5c;color:#fff;font-size:18px;}
.srb-report-section .srb-line-report{border:0!important;border-radius:0!important;margin:0!important;}
.srb-report-section .srb-line-heading h3{font-size:15px;}
.srb-report-section .srb-line-heading{padding:8px 10px;}
.srb-report-section .srb-line-booking{padding:7px 0;}
.srb-report-section .srb-view-details{font-size:12px!important;min-height:34px!important;padding:7px 10px!important;}
@media(max-width:700px){.srb-report-modal-box{padding:16px!important}.srb-report-tabs a{flex:1;text-align:center}.srb-report-button{width:100%;}.srb-report-section>h3{font-size:16px;}}

/* v1.0.12 modal fix */
.srb-modal.srb-modal-open{display:flex!important;opacity:1!important;visibility:visible!important}

.srb-reschedule-form{margin-top:18px;padding-top:14px;border-top:1px solid #e5e7eb;}
.srb-reschedule-form h3{margin:0 0 10px;font-size:16px;color:#0f172a;}
.srb-reschedule-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;}
.srb-reschedule-row label{display:flex;flex-direction:column;gap:5px;font-weight:700;color:#334155;}
.srb-reschedule-row input{min-height:42px;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;}
.srb-reschedule-button{background:#15803d!important;border:0;cursor:pointer;}
@media(max-width:700px){.srb-reschedule-row label,.srb-reschedule-button{flex:1 1 100%;}}