/* Compact controls shared by club, senior national and U21 artwork editors. */
.pm-art {display:inline-block;vertical-align:middle;max-width:100%;line-height:normal;min-width:0;}
.pm-art > svg {display:block;width:100%;height:100%;isolation:isolate;}
.pm-art-editor {box-sizing:border-box;display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr);gap:12px;max-width:680px;margin:0 auto;padding:10px;border:1px solid #c9d2c2;border-radius:6px;background:#f7faed;text-align:left;font:12px Tahoma,Arial,sans-serif;color:#253821;}
.pm-art-editor[data-art=badge-editor] {grid-template-columns:minmax(140px,230px) minmax(0,1fr);}
.pm-art-editor *, .pm-art-editor *::before, .pm-art-editor *::after {box-sizing:border-box;}
.pm-art-preview {min-width:0;align-self:start;position:sticky;top:12px;background:transparent;border:1px solid #d4ddcd;border-radius:5px;overflow:hidden;}
.pm-art-preview svg {display:block;width:100%;height:auto;touch-action:pan-y;isolation:isolate;}
.pm-art-preview svg [data-layer-index] {touch-action:none;}
.pm-art-preview-tools {position:absolute;right:4px;top:4px;}
.pm-art-preview-tools:empty {display:none;}
.pm-art-controls {min-width:0;}
.pm-art-section {margin:0 0 7px;min-width:0;border:1px solid #ced7c6;border-radius:4px;background:#fff;}
.pm-art-section > summary {padding:8px;cursor:pointer;font-weight:bold;background:#edf3df;overflow-wrap:anywhere;}
.pm-art-section[open] > summary {border-bottom:1px solid #d9e1d2;}
.pm-art-section-body {padding:5px 8px 7px;}
.pm-art-field {display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;margin:4px 0;}
.pm-art-field > span {min-width:0;overflow-wrap:anywhere;flex:1;}
.pm-art-editor input, .pm-art-editor button {font:inherit;min-height:30px;border:1px solid #b8c5ae;border-radius:3px;background:#fff;color:inherit;max-width:100%;}
.pm-art-editor input {padding:4px 5px;min-width:0;width:50%;}
.pm-art-editor button {padding:4px 7px;cursor:pointer;line-height:1.2;}
.pm-art-editor button:hover {background:#eef5e5;border-color:#769660;}
.pm-art-editor button:disabled {opacity:.4;cursor:default;}
.pm-art-editor :focus-visible {outline:2px solid #558d31;outline-offset:2px;}
.pm-art-choice,.pm-art-color {display:flex;align-items:center;flex:0 1 50%;min-width:0;}
.pm-art-choice > button,.pm-art-color > button {flex:0 0 30px;width:30px;padding:0;font-size:22px;}
.pm-art-choice > output {flex:1;min-width:0;overflow-wrap:anywhere;padding:2px 4px;text-align:center;font-size:11px;}
.pm-art-color {justify-content:flex-end;gap:3px;}
.pm-art-editor input[type=color] {width:36px;height:30px;min-width:36px;padding:2px;cursor:pointer;flex:0 0 36px;}
.pm-art-layer {display:flex;flex-wrap:wrap;gap:3px;padding:5px 0;border-bottom:1px solid #e0e5da;min-width:0;}
.pm-art-layer > button:first-child {flex:1;min-width:0;text-align:left;overflow-wrap:anywhere;}
.pm-art-kit-layer {display:grid;grid-template-columns:minmax(100px,1fr) minmax(90px,.8fr) auto;gap:5px;align-items:end;}
.pm-art-kit-layer .pm-art-field {display:block;margin:0;}
.pm-art-kit-layer .pm-art-field > span {display:block;font-size:10px;margin-bottom:3px;}
.pm-art-kit-layer .pm-art-choice,.pm-art-kit-layer .pm-art-color {width:100%;}
.pm-art-actions {display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;}
.pm-art-kit-layer .pm-art-actions {margin:0;gap:2px;}
.pm-art-kit-layer .pm-art-actions button {padding:2px 5px;min-width:26px;}
.pm-art-selected {background:#e4efd6;}
.pm-art-layer-properties {margin-top:8px;}
.pm-art-save {width:100%;min-height:32px!important;background:#305c20!important;color:#fff!important;font-weight:bold!important;}
.pm-art-status {grid-column:1/-1;min-height:1.2em;overflow-wrap:anywhere;}
.pm-art-status:empty {display:none;}
@media (max-width:1180px) {
 .pm-art-editor {gap:10px;}
 .pm-art-preview {top:8px;}
}
@media (max-width:820px) {
 .pm-art-editor,.pm-art-editor[data-art=badge-editor] {grid-template-columns:minmax(0,1fr);padding:8px;}
 .pm-art-preview {position:static;max-width:160px;width:100%;justify-self:center;}
 .pm-art-editor[data-art=badge-editor] .pm-art-preview {max-width:210px;}
 .pm-art-editor input,.pm-art-editor button {min-height:34px;}
 .pm-art-choice > button,.pm-art-color > button {flex-basis:34px;width:34px;}
 .pm-art-editor input[type=color] {height:34px;}
 .pm-art-section > summary {padding:9px 8px;}
}
@media (max-width:460px) {
 .pm-art-kit-layer {grid-template-columns:minmax(0,1fr) minmax(90px,.8fr);}
 .pm-art-kit-layer .pm-art-actions {grid-column:1/-1;justify-content:flex-end;}
}
.pm-art-kit-link {display:block;width:100%;height:100%;}
.pm-art-kit-link svg {display:block;width:100%;height:100%;isolation:isolate;}
.pm-art-detail {display:flex;gap:8px;}
.pm-art-detail > svg {width:calc(50% - 4px);height:auto;align-self:flex-start;}