/* Agenda personnel SILEX. La lueur rouge reste contenue dans le bandeau. */
#ov-agenda-panel{min-height:0;display:flex;flex-direction:column}
.ag-shell{position:relative;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;
  border:1px solid var(--bd);border-radius:14px;background:var(--wh);box-shadow:0 16px 44px rgba(0,0,0,.12)}
.ag-shell:before{content:"";position:absolute;z-index:0;top:-110px;left:15%;right:8%;height:190px;
  background:radial-gradient(ellipse,rgba(var(--or-rgb,255,48,25),.23),rgba(var(--or-rgb,255,48,25),0) 69%);pointer-events:none}
.ag-toolbar{position:relative;z-index:1;display:flex;align-items:center;gap:9px;padding:12px 14px;
  border-bottom:1px solid var(--bd);background:linear-gradient(110deg,rgba(var(--or-rgb,255,48,25),.08),transparent 48%)}
.ag-title{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;white-space:nowrap}
.ag-title i{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:#fff;
  background:var(--or);box-shadow:0 0 19px rgba(var(--or-rgb,255,48,25),.36)}
.ag-period{font-size:13px;font-weight:700;color:var(--tx);margin-left:5px;min-width:175px}
.ag-nav{display:flex;gap:5px}
.ag-nav button,.ag-today{height:30px;border:1px solid var(--bd);border-radius:8px;background:var(--wh);color:var(--tx);
  padding:0 10px;font:700 11.5px 'DM Sans',sans-serif;cursor:pointer}
.ag-nav button{width:30px;padding:0;display:grid;place-items:center;font-size:16px}
.ag-add{margin-left:auto;height:32px;border:0;border-radius:9px;padding:0 13px;background:var(--or);color:#fff;
  font:800 11.5px 'DM Sans',sans-serif;display:flex;align-items:center;gap:6px;cursor:pointer;
  box-shadow:0 7px 18px rgba(var(--or-rgb,255,48,25),.23)}
.ag-board-scroll{position:relative;min-height:0;flex:1;overflow:auto;background:var(--wh);scrollbar-gutter:stable}
.ag-board{min-width:900px;position:relative}
.ag-week-head{position:sticky;z-index:25;top:0;display:grid;grid-template-columns:54px repeat(7,minmax(116px,1fr));
  min-width:900px;background:var(--wh);border-bottom:1px solid var(--bd)}
.ag-week-corner{border-right:1px solid var(--bd)}
.ag-day-head{min-height:47px;border-right:1px solid var(--bd);display:flex;align-items:center;justify-content:center;
  gap:7px;font-size:10px;font-weight:800;color:var(--mu);text-transform:uppercase;letter-spacing:.45px}
.ag-day-head:last-child{border-right:0}
.ag-day-head b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:var(--tx);font-size:12px}
.ag-day-head.today{color:var(--or)}.ag-day-head.today b{background:var(--or);color:#fff;box-shadow:0 0 14px rgba(var(--or-rgb,255,48,25),.28)}
.ag-all-wrap{position:sticky;z-index:24;top:47px;display:grid;grid-template-columns:54px minmax(0,1fr);min-height:34px;border-bottom:1px solid var(--bd);background:var(--wh)}
.ag-all-label{padding-top:8px;border-right:1px solid var(--bd);font-size:8.5px;font-weight:800;color:var(--mu);text-align:center;text-transform:uppercase}
.ag-all-grid{position:relative;display:grid;grid-template-columns:repeat(7,minmax(116px,1fr));grid-auto-rows:25px;
  min-height:33px;padding:4px 0;background-image:linear-gradient(to right,transparent calc(100% - 1px),var(--bd) calc(100% - 1px));
  background-size:calc(100% / 7) 100%;background-repeat:repeat-x}
.ag-all-event{z-index:2;margin:1px 3px;border:0;border-radius:6px;padding:0 7px;min-width:0;overflow:hidden;
  color:#fff;font:700 10px 'DM Sans',sans-serif;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
.ag-time-grid{position:relative;display:grid;grid-template-columns:54px repeat(7,minmax(116px,1fr));height:1152px}
.ag-time-axis{position:relative;border-right:1px solid var(--bd);background:var(--wh)}
.ag-hour-label{position:absolute;right:7px;transform:translateY(-50%);font-size:9px;font-weight:600;color:var(--mu)}
.ag-day-col{position:relative;border-right:1px solid var(--bd);cursor:crosshair;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,var(--bd) 47px,var(--bd) 48px)}
.ag-day-col:last-child{border-right:0}
.ag-day-col.today{background-color:rgba(var(--or-rgb,255,48,25),.018)}
.ag-event{position:absolute;z-index:5;border:0;border-left:3px solid rgba(255,255,255,.72);border-radius:6px;
  padding:3px 5px;color:#fff;font:700 9.5px 'DM Sans',sans-serif;text-align:left;overflow:hidden;cursor:pointer;
  box-shadow:0 3px 10px rgba(0,0,0,.18);min-height:18px}
.ag-event:hover,.ag-all-event:hover{filter:brightness(1.08);z-index:12}
.ag-event-cat{display:block;font-size:8px;text-transform:uppercase;opacity:.88;letter-spacing:.25px}
.ag-event-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-event-time{display:block;font-weight:500;font-size:8px;opacity:.88;white-space:nowrap}
.ag-c-rouge{background:#C91F2B}.ag-c-orange{background:#EA580C}.ag-c-jaune{background:#D3A300;color:#1C2333;border-left-color:rgba(255,255,255,.6)}
.ag-c-gris{background:#64748B}.ag-c-blanc{background:#fff;color:#1C2333;border:1px solid #CBD5E1}
.ag-c-bleu{background:#2563EB}.ag-c-violet{background:#7C3AED}.ag-c-rose{background:#DB2777}.ag-c-vert{background:#16A34A}.ag-c-turquoise{background:#0D9488}
.ag-now{position:absolute;z-index:14;left:0;right:0;height:1px;background:var(--or);pointer-events:none}
.ag-now:before{content:"";position:absolute;left:-4px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--or)}
.ag-empty{height:220px;display:grid;place-items:center;color:var(--mu);font-size:12px}
.ag-loading{position:absolute;z-index:40;inset:47px 0 0;display:grid;place-items:center;background:rgba(255,255,255,.68);backdrop-filter:blur(2px);font-size:12px;color:var(--mu)}
body.dark .ag-loading{background:rgba(8,8,10,.68)}

.ag-modal{position:fixed;z-index:1300;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.66);backdrop-filter:blur(5px)}
.ag-modal.on{display:flex}
.ag-dialog{width:min(570px,100%);max-height:min(92vh,760px);overflow-y:auto;border:1px solid var(--bd);border-radius:15px;
  background:var(--wh);color:var(--tx);box-shadow:0 28px 80px rgba(0,0,0,.38)}
.ag-dialog-head{display:flex;align-items:center;gap:10px;padding:15px 17px;border-bottom:1px solid var(--bd);
  background:linear-gradient(110deg,rgba(var(--or-rgb,255,48,25),.12),transparent 64%)}
.ag-dialog-head i{color:var(--or);font-size:20px}.ag-dialog-head b{font-size:15px}
.ag-close{margin-left:auto;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--mu);font-size:18px;cursor:pointer}
.ag-form{padding:15px 17px}.ag-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.ag-field{margin-bottom:12px;min-width:0}
.ag-field label{display:block;margin-bottom:5px;font-size:10px;font-weight:800;color:var(--mu);text-transform:uppercase;letter-spacing:.45px}
.ag-field input,.ag-field select,.ag-field textarea{width:100%;height:37px;border:1px solid var(--bd);border-radius:9px;background:var(--bg);color:var(--tx);
  padding:0 10px;font:600 12px 'DM Sans',sans-serif;outline:none}
.ag-field textarea{height:72px;padding:9px 10px;resize:vertical;line-height:1.4}
.ag-field input:focus,.ag-field select:focus,.ag-field textarea:focus{border-color:var(--or);box-shadow:0 0 0 3px rgba(var(--or-rgb,255,48,25),.11)}
.ag-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.ag-category{height:37px;min-width:0;border:1px solid var(--bd);border-radius:9px;background:var(--bg);color:var(--tx);
  padding:0 4px;font:800 11px 'DM Sans',sans-serif;cursor:pointer;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}
.ag-category:hover{border-color:var(--or)}
.ag-category.on{color:#fff;border-color:transparent;box-shadow:0 0 0 3px rgba(var(--or-rgb,255,48,25),.12)}
.ag-category-r1.on{background:#C91F2B}.ag-category-r2.on{background:#EA580C}
.ag-category-r3.on,.ag-category-payment.on{background:#D3A300;color:#1C2333}
.ag-category-other.on{background:#64748B}.ag-category:disabled{cursor:default;opacity:.8}
.ag-search{position:relative}.ag-results{position:absolute;z-index:8;top:64px;left:0;right:0;max-height:210px;overflow-y:auto;
  border:1px solid var(--bd);border-radius:9px;background:var(--wh);box-shadow:0 15px 36px rgba(0,0,0,.28);display:none}
.ag-results.on{display:block}.ag-result{width:100%;min-height:43px;border:0;border-bottom:1px solid var(--bd);background:transparent;color:var(--tx);
  padding:7px 9px;text-align:left;font-family:'DM Sans',sans-serif;cursor:pointer}.ag-result:last-child{border-bottom:0}
.ag-result:hover{background:rgba(var(--or-rgb,255,48,25),.08)}.ag-result b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-result span{display:block;margin-top:2px;color:var(--mu);font-size:10px}.ag-result em{color:var(--or);font-style:normal;font-weight:700}
.ag-source-picked{display:none;align-items:center;gap:9px;padding:9px;border:1px solid rgba(var(--or-rgb,255,48,25),.35);border-radius:9px;background:rgba(var(--or-rgb,255,48,25),.07)}
.ag-source-picked.on{display:flex}.ag-source-picked i{color:var(--or)}.ag-source-picked div{min-width:0;flex:1}.ag-source-picked b,.ag-source-picked span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-source-picked b{font-size:12px}.ag-source-picked span{font-size:10px;color:var(--mu);margin-top:2px}.ag-source-picked button{border:0;background:transparent;color:var(--or);font:700 10px 'DM Sans',sans-serif;cursor:pointer}
.ag-check{height:37px;display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700}.ag-check input{width:15px;height:15px}
.ag-colors{display:flex;gap:8px;flex-wrap:wrap}.ag-color{width:27px;height:27px;border:2px solid transparent;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px var(--bd)}
.ag-color.on{border-color:var(--wh);box-shadow:0 0 0 2px var(--or)}
.ag-color[data-color=blanc]{background:#fff}.ag-color[data-color=bleu]{background:#2563EB}.ag-color[data-color=violet]{background:#7C3AED}.ag-color[data-color=rose]{background:#DB2777}.ag-color[data-color=gris]{background:#64748B}.ag-color[data-color=vert]{background:#16A34A}.ag-color[data-color=turquoise]{background:#0D9488}
.ag-help{margin:-4px 0 11px;color:var(--mu);font-size:10.5px;line-height:1.45}.ag-error{display:none;margin:0 0 11px;padding:8px 10px;border-radius:8px;background:#FEF2F2;color:#B91C1C;font-size:11px;font-weight:700}
.ag-error.on{display:block}.ag-actions{display:flex;align-items:center;gap:8px;padding-top:5px}.ag-actions button{height:34px;border-radius:8px;padding:0 12px;font:700 11.5px 'DM Sans',sans-serif;cursor:pointer}
.ag-delete{display:none;border:1px solid #FCA5A5;background:#FEF2F2;color:#DC2626}.ag-open{display:none;border:1px solid var(--bd);background:var(--wh);color:var(--tx)}
.ag-cancel{margin-left:auto;border:1px solid var(--bd);background:var(--wh);color:var(--tx)}.ag-save{border:0;background:var(--or);color:#fff;min-width:92px}
body.dark .ag-error{background:#371717;color:#FCA5A5}.ag-saving{opacity:.58;pointer-events:none}

@media (min-width:1025px), (min-width:769px) and (orientation:landscape){
  #sec-overview.on #ov-agenda-panel{flex:1;min-height:0}
}
@media (max-width:760px){
  .ag-toolbar{flex-wrap:wrap}.ag-title{width:100%}.ag-period{order:3;min-width:0;flex:1}.ag-add{margin-left:auto}
  .ag-row{grid-template-columns:1fr}.ag-dialog{max-height:96vh}.ag-form{padding:13px}
  .ag-categories{gap:4px}.ag-category{font-size:10px;padding:0 2px}
}
