/* Jobix Pro Calendar v7 */
.procal-toolbar{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-bottom:18px;padding:18px!important;}
.procal-view-tabs{display:flex;align-items:center;gap:8px;background:#f2f6fb;border:1px solid #e2e8f0;border-radius:18px;padding:5px;width:max-content;}
.procal-view-tabs a{display:flex;align-items:center;justify-content:center;min-width:72px;padding:10px 14px;border-radius:13px;color:#475467;font-weight:900;font-size:14px;}
.procal-view-tabs a.active{background:#fff;color:#0b4fb3;box-shadow:0 10px 24px rgba(15,23,42,.08);}
.procal-range-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;}
.procal-range-nav strong{font-size:19px;color:#101828;letter-spacing:-.02em;min-width:260px;text-align:center;}
.procal-filters{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;border-top:1px solid #edf0f5;padding-top:14px;}
.procal-filters label{display:grid;gap:7px;color:#475467;font-weight:850;font-size:12px;}
.procal-filters input,.procal-filters select,.procal-quick-form input,.procal-quick-form select,.procal-quick-form textarea{width:100%;min-height:42px;border:1px solid #d9e2ef;border-radius:13px;background:#fff;color:#101828;padding:9px 11px;font:inherit;font-weight:700;box-sizing:border-box;}
.procal-quick-form textarea{min-height:76px;resize:vertical;}
.procal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px;}
.procal-metrics div{border:1px solid rgba(229,231,239,.95);background:rgba(255,255,255,.94);border-radius:20px;padding:17px 18px;box-shadow:0 14px 36px rgba(15,23,42,.045);}
.procal-metrics small{display:block;color:#667085;font-weight:850;margin-bottom:8px;}
.procal-metrics strong{font-size:28px;letter-spacing:-.04em;color:#101828;}
.procal-shell{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start;}
.procal-side{position:sticky;top:18px;padding:18px!important;max-height:calc(100vh - 36px);overflow:auto;}
.procal-side h2{font-size:18px;letter-spacing:-.025em;margin:0 0 12px;color:#101828;}
.procal-side hr{border:0;border-top:1px solid #edf0f5;margin:18px 0;}
.procal-quick-form{display:grid;gap:10px;}
.procal-quick-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.procal-quick-form label{display:grid;gap:7px;color:#344054;font-size:12px;font-weight:900;}
.checkline{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px;font-size:13px!important;}
.checkline input{width:auto!important;min-height:auto!important;}
.procal-unscheduled{display:grid;gap:9px;}
.procal-queue-card{display:grid;gap:4px;padding:12px;border:1px solid #dce7f5;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:16px;color:#101828;box-shadow:0 10px 22px rgba(15,23,42,.045);cursor:grab;}
.procal-queue-card strong{font-size:14px;line-height:1.2;}
.procal-queue-card small{color:#667085;font-weight:750;}
.procal-queue-card span{display:inline-flex;width:max-content;margin-top:3px;padding:4px 8px;border-radius:999px;background:#eef6ff;color:#0b4fb3;font-size:11px;font-weight:950;}
.procal-main{padding:18px!important;overflow:auto;min-height:640px;}
.procal-week-head{display:grid;grid-template-columns:82px repeat(7,minmax(150px,1fr));gap:8px;margin-bottom:8px;min-width:1120px;}
.procal-week-head>div{background:#f8fafc;border:1px solid #e7edf5;border-radius:15px;padding:11px 12px;display:grid;gap:2px;}
.procal-week-head>div.today{background:#eaf4ff;border-color:#cfe4ff;color:#0b4fb3;}
.procal-week-head strong{font-size:14px;}
.procal-week-head span{font-size:12px;color:#667085;font-weight:800;}
.procal-week-grid{display:grid;grid-template-columns:82px repeat(7,minmax(150px,1fr));gap:8px;min-width:1120px;}
.procal-week-time{padding:12px 6px;color:#667085;font-size:12px;font-weight:900;text-align:right;}
.procal-week-slot,.procal-hour-slot,.procal-month-cell{min-height:94px;border:1px dashed #d9e2ef;background:rgba(248,250,252,.72);border-radius:16px;padding:8px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;}
.procal-week-slot.drop-ready,.procal-hour-slot.drop-ready,.procal-month-cell.drop-ready{background:#eaf4ff;border-color:#1267e3;box-shadow:inset 0 0 0 2px rgba(18,103,227,.13);}
.procal-event{display:grid;gap:4px;padding:9px 10px;border-radius:14px;margin-bottom:7px;border:1px solid #dce7f5;background:#fff;color:#101828;box-shadow:0 10px 20px rgba(15,23,42,.055);cursor:grab;position:relative;overflow:hidden;}
.procal-event:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#1267e3;}
.procal-event.new:before{background:#94a3b8;}.procal-event.scheduled:before{background:#1267e3;}.procal-event.progress:before{background:#f79009;}.procal-event.complete:before{background:#17b26a;}.procal-event.cancelled:before{background:#f04438;}
.procal-event:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(15,23,42,.09);}
.procal-event-time{font-size:11px;color:#0b4fb3;font-weight:950;}
.procal-event strong{font-size:13px;line-height:1.18;}
.procal-event small{font-size:12px;color:#667085;font-weight:800;}
.procal-event-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:2px;}
.procal-event-foot em{font-style:normal;text-transform:capitalize;background:#f2f4f7;color:#475467;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:950;}
.procal-event-foot span{font-size:10px;color:#667085;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.procal-event.compact{padding:8px 9px;margin-bottom:6px;}
.procal-event.compact .procal-event-foot,.procal-event.compact small{display:none;}
.procal-block{display:grid;gap:3px;padding:8px 10px;border-radius:13px;margin-bottom:7px;border:1px solid #ffe4b5;background:#fff8e6;color:#7a4b00;}
.procal-block span{font-size:11px;font-weight:950;}.procal-block strong{font-size:12px;}.procal-block small{font-size:11px;color:#936500;font-weight:800;}
.procal-day-view{display:grid;gap:8px;min-width:760px;}
.procal-hour-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:start;}
.procal-hour-label{padding:12px 6px;text-align:right;color:#667085;font-weight:900;font-size:12px;}
.procal-hour-slot{min-height:86px;}
.procal-month-head{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:8px;margin-bottom:8px;min-width:980px;}
.procal-month-head strong{padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid #e7edf5;color:#475467;font-size:12px;text-transform:uppercase;letter-spacing:.08em;}
.procal-month-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:8px;min-width:980px;}
.procal-month-cell{min-height:150px;background:#fff;}
.procal-month-cell.outside{background:#f8fafc;opacity:.72;}
.procal-month-cell.today{border-style:solid;border-color:#1267e3;box-shadow:0 0 0 3px rgba(18,103,227,.08);}
.procal-cell-date{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.procal-cell-date strong{font-size:14px;color:#101828;}
.procal-cell-date a{width:24px;height:24px;border-radius:999px;background:#eef6ff;color:#0b4fb3;display:grid;place-items:center;font-weight:950;}
.procal-list td{vertical-align:top;}
@media(max-width:1320px){.procal-shell{grid-template-columns:1fr}.procal-side{position:relative;top:auto;max-height:none}.procal-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.procal-toolbar{grid-template-columns:1fr}.procal-range-nav{justify-content:flex-start}.procal-filters{grid-template-columns:1fr 1fr}.procal-filters button{min-height:42px;}}
@media(max-width:760px){.procal-metrics{grid-template-columns:1fr}.procal-filters{grid-template-columns:1fr}.procal-view-tabs{width:100%;overflow:auto}.procal-view-tabs a{min-width:auto;flex:1}.procal-range-nav{flex-wrap:wrap}.procal-range-nav strong{text-align:left;min-width:100%;}.procal-quick-form .form-row{grid-template-columns:1fr}.procal-main{padding:12px!important}.procal-side{padding:14px!important}}