/* +--------------------------------------------------------------------------+
// 2002-2013 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: demandes_sp.css,v 1.1.2.2 2026/07/29 13:45:19 dbellamy Exp $ */

select.demandes-state-selector { display: none !important; }
.row > a[href*="sub=add_demande"] { display: none !important; }
.demandes-list { display: flex; flex-direction: column; gap: 8px; }
.demandes-list-empty { text-align: center; color: #777; font-size: 13px; padding: 24px 12px; }
.demandes-list-filter-bar { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
.demandes-list-filter-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #777;
	white-space: nowrap;
}
.demandes-list-filter-bar select, .demandes-list-filter-bar input[type="search"] {
	padding: 6px 10px;
	border: 1px solid #d0d0d0;
	border-radius: 6px;
	font-size: 13px;
	font-family: inherit;
}
.demandes-list-filter-bar select {
	background-color: #fff;
	color: #222;
	font-weight: 400;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 26px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 7px center;
	cursor: pointer;
}
.demandes-list-filter-bar input[type="search"] {
	width: 100%;
	flex: none;
	min-width: 0;
	padding: 6px 10px 6px 30px;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left 8px center;
}
.demandes-list-filter-spacer { flex: 1; }
.demandes-list-btn-new { margin-left: auto; }
.demandes-list-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 1000; align-items: center; justify-content: center; }
.demandes-list-modal.open { display: flex; }
.demandes-list-modal-box { background: #fff; border-radius: 6px; width: 90%; max-width: 720px; max-height: 88vh; overflow-y: auto; box-shadow: 0 4px 18px rgba(0,0,0,.15); }
.demandes-list-modal-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid #e8e8e8; }
.demandes-list-modal-title { font-size: 15px; font-weight: 700; }
.demandes-list-modal-close { width: 26px; height: 26px; border: none; background: #eee; border-radius: 50%; cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; font-family: inherit; }
.demandes-list-modal-close:hover { background: #ddd; }
.demandes-list-modal-body { padding: 18px; }
.demandes-list-fg { margin-bottom: 14px; }
.demandes-list-fg label { display: block; font-size: 11.5px; font-weight: 700; color: #444; margin-bottom: 5px; letter-spacing: .03em; text-transform: uppercase; }
.demandes-list-fs, .demandes-list-fta {
	width: 100%;
	padding: 8px 11px;
	border: 1px solid #d0d0d0;
	border-radius: 6px;
	font-family: inherit;
	font-size: 13px;
	color: #222;
	background: #fff;
}
.demandes-list-fs:focus, .demandes-list-fta:focus { outline: none; border-color: #096AB4; box-shadow: 0 0 0 3px rgba(9,106,180,.15); }
.demandes-list-fta { min-height: 88px; resize: vertical; }
.demandes-list-f2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.demandes-list-modal-foot { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #e8e8e8; }
.demandes-list-btn-c { padding: 8px 16px; border: 1px solid #d0d0d0; border-radius: 6px; background: #fff; color: #444; cursor: pointer; font-family: inherit; font-size: 13px; }
.demandes-list-btn-c:hover { background: #f0f0f0; }
.demandes-list-btn-p { padding: 8px 18px; background: #096AB4; color: #fff; border: none; border-radius: 6px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: inherit; }
.demandes-list-btn-p:hover { background: #064d85; }
.demandes-list-confirm-overlay { position: fixed; inset: 0; background: rgba(1,32,48,.18); z-index: 1100; display: none; align-items: center; justify-content: center; }
.demandes-list-confirm-overlay.on { display: flex; }
.demandes-list-confirm-box { background: #e8f5ec; border-radius: 6px; padding: 28px 32px 32px; max-width: 460px; width: 90%; }
.demandes-list-confirm-box.ko { background: #fee2e2; }
.demandes-list-confirm-close { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: #16a34a; cursor: pointer; border: none; background: none; padding: 0; margin-bottom: 14px; font-family: inherit; font-weight: 600; }
.demandes-list-confirm-box.ko .demandes-list-confirm-close { color: #dc2626; }
.demandes-list-confirm-close:hover { opacity: .75; }
.demandes-list-confirm-title { font-size: 22px; font-weight: 700; color: #012030; margin: 0 0 10px; line-height: 1.25; }
.demandes-list-confirm-body { font-size: 13px; color: #444; line-height: 1.6; margin: 0; }
.demandes-list .demande-item {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0 1px 4px rgba(0,0,0,.1);
	overflow: hidden;
}
.demandes-list .demande-header {
	display: grid;
	grid-template-columns: 4px 1fr 110px minmax(76px, max-content) 82px 20px;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 12px 14px 12px 0;
	background: none;
	border: none;
	text-align: left;
	cursor: pointer;
	font: inherit;
	color: inherit;
}
.demandes-list .demande-stripe { align-self: stretch; border-radius: 6px 0 0 6px; background: transparent; }
.demandes-list .demande-stripe.cp-priorite-1 { background: #6b7280; }
.demandes-list .demande-stripe.cp-priorite-2 { background: #d97706; }
.demandes-list .demande-stripe.cp-priorite-3 { background: #dc2626; }
.demandes-list .demande-ref { display: block; font-size: 14px; font-weight: 700; color: #1a1a1a; }
.demandes-list .demande-meta { display: block; font-size: 11.5px; color: #777; margin-top: 2px; }
.demandes-list .demande-date { font-size: 12px; color: #777; white-space: nowrap; justify-self: end; }
.demandes-list .demande-body { min-width: 0; }
.demandes-list .demande-arrow { flex-shrink: 0; transition: transform .2s; color: #777; justify-self: center; }
.demandes-list .demande-header[aria-expanded="true"] .demande-arrow { transform: rotate(180deg); }
.demandes-list .status-badge, .demandes-list .cp-priorite-badge {
	display: inline-block;
	padding: 2px 9px;
	border-radius: 50px;
	font-size: 11px;
	font-weight: 600;
	white-space: nowrap;
	justify-self: center;
}
.demandes-list .status-todo      { color: #2563eb; background: #dbeafe; }
.demandes-list .status-validate  { color: #d97706; background: #fef3c7; }
.demandes-list .status-refused   { color: #dc2626; background: #fee2e2; }
.demandes-list .status-finished  { color: #16a34a; background: #dcfce7; }
.demandes-list .status-givenup   { color: #6b7280; background: #f3f4f6; }
.demandes-list .status-classified{ color: #6b7280; background: #f3f4f6; }
.demandes-list .cp-priorite-badge { color: #9d174d; background: #fce7f3; }
.demandes-list .cp-priorite-badge.cp-priorite-1 { color: #6b7280; background: #f3f4f6; }
.demandes-list .cp-priorite-badge.cp-priorite-2 { color: #d97706; background: #fef3c7; }
.demandes-list .cp-priorite-badge.cp-priorite-3 { color: #dc2626; background: #fee2e2; }
.demandes-list .cp-priorite-badge:empty { visibility: hidden; }
.demandes-list .demande-content { padding: 14px 16px; background: #f7fafd; border-top: 1px solid #e8e8e8; }
.demandes-list .demande-details p { font-size: 13px; margin-bottom: 6px; }
.demandes-list .chat { display: flex; flex-direction: column; gap: 10px; margin: 12px 0; }
.demandes-list .container_bulle { display: flex; flex-direction: column; gap: 6px; }
.demandes-list .bulle { position: relative; max-width: 65%; padding: 9px 13px; font-size: 13px; line-height: 1.55; border-radius: 6px; }
.demandes-list .bulle_opac { align-self: flex-start; background: #dbeafe; border-radius: 0 6px 6px 6px; }
.demandes-list .bulle_gest { align-self: flex-end; background: #e2f5ea; border-radius: 6px 0 6px 6px; }
.demandes-list-bulle-delete { position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; padding: 0; border: none; border-radius: 50%; background: #fff; color: #777; box-shadow: 0 1px 3px rgba(0,0,0,.25); font-size: 12px; line-height: 18px; text-align: center; cursor: pointer; font-family: inherit; }
.demandes-list-bulle-delete:hover { background: #fee2e2; color: #dc2626; }
.demandes-list .bulle-heure { font-size: 11px; color: #777; }
.demandes-list .bulle-heure-opac { align-self: flex-start; }
.demandes-list .bulle-heure-gest { align-self: flex-end; text-align: right; }
.demandes-list .bulle-text { margin: 0; white-space: pre-wrap; }
.demandes-list .write_note textarea { width: 100%; min-height: 68px; padding: 9px 12px; border: 1px solid #d0d0d0; border-radius: 6px; font-family: inherit; font-size: 13px; resize: vertical; }
.demandes-list .note_actions { margin-top: 8px; text-align: right; display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.demandes-list-btn-send { padding: 8px 18px; background: #096AB4 !important; color: #fff !important; border: none; border-radius: 6px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: inherit; }
.demandes-list-btn-send:hover { background: #064d85 !important; }
.demandes-list-btn-delete { padding: 8px 16px; background: #fff !important; color: #dc2626 !important; border: 1px solid #dc2626; border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit; }
.demandes-list-btn-delete:hover { background: #fee2e2 !important; }
.demandes-list-cp-priorite-field { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.demandes-list-cp-priorite-field label { font-size: 11.5px; font-weight: 700; color: #444; letter-spacing: .03em; text-transform: uppercase; }
.demandes-list-cp-priorite-field select { padding: 6px 10px; border: 1px solid #d0d0d0; border-radius: 6px; font-size: 13px; font-family: inherit; background: #fff; color: #222; }
.demandes-list-file-slot { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-right: auto; }
input[type="file"].demandes-list-file-hidden { display: none; }
.demandes-list-btn-att { display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px; border: 1px dashed #d0d0d0; border-radius: 6px; background: transparent; font-size: 12px; color: #777; cursor: pointer; font-family: inherit; }
.demandes-list-icon-att { width: 11px; height: 15px; vertical-align: middle; }
.demandes-list-file-chip { display: none; align-items: center; gap: 4px; padding: 2px 10px 2px 8px; background: #dbeafe; border-radius: 50px; font-size: 11px; color: #064d85; font-weight: 600; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.demandes-list-file-chip.has-file { display: inline-flex; }
.demandes-list-file-chip-link { color: inherit; text-decoration: none; }
.demandes-list-file-bubble { padding: 8px 13px; }
.demandes-list-file-bubble-link { display: inline-flex; align-items: center; gap: 7px; color: #064d85; text-decoration: none; font-weight: 600; }
.demandes-list-file-bubble-link:hover { text-decoration: underline; }
.demandes-list-navbar-wrap { margin-top: 14px; }
