#cdm_data_table{font-size:14px} #cdm_data_table a{color:#666;text-decoration:none;} #cdm_data_table img{width:60px} .cdm-form-group{clear:both;margin:5px;padding:5px;} .cdm-form-group label{display:block;display:block;} .cdm-form-group {} .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } .fileList{margin:15px 0px;} .sp-cdm-search-button{ background-color:#6c6c6c;color:#FFF;padding:7px;text-align:center;} a.sp-cdm-search-button{color:#FFF !important;text-decoration:none !important;} .sp_responsive_view_list_rc div.sp-cdm-rc-list-item:nth-child(even) {background:#EFEFEF} .sp-cdm-rc-head{padding:2px;color:#FFF;} .sp-cdm-rc-head a {color:#FFF;} .sp-cdm-rc-head a:hover { text-decoration:none; background:none;} .sp-cdm-rc-folder{padding:8px; cursor:pointer;font-size:12px;} .sp-cdm-rc-folder:hover{ background-color:#d3f3ff !important} .sp-cdm-rc-folder-image{float:left;width:35px;} .sp-cdm-loading img{padding:0px !important;border:0px !important; background:none !important} .sp-cdm-rc-list-item img{padding:0px !important;border:0px !important; background:none !important} .sp-cdm-rc-folder-image img{padding:0px !important;border:0px !important; background:none !important} .sp-cdm-rc-folder-title{float:left;width:75%;display:block;font-size:14px;font-weight:bold;color:#7d7d7d; margin-top: 8px;} .sp-cdm-rc-folder a{color:#333;font-weight:bold;text-decoration:none;} .sp-cdm-rc-folder a:hover { text-decoration:none; background:none;} .sp-cdm-rc-file{padding:8px;cursor:pointer;font-size:12px;} .sp-cdm-rc-file:hover{ background-color:#d3f3ff !important} .sp-cdm-rc-file a{color:#333;font-weight:bold;text-decoration:none;} .cdm-preview-image{position:absolute;margin-top:-175px;background-color:#FFF;padding:10px;border-radius:10px;box-shadow:0px 2px 2px #000} .cdm-preview-image img{height:125px;} .sp-cdm-rc-file .sp-cdm-rc-file-size{margin-left:15px;font-size:12px;} .sp-cdm-rc-file .sp-cdm-rc-file-image {float:left;width:35px;} .sp-cdm-rc-file .sp-cdm-rc-file-image img {padding:0px !important;border:0px !important; background:none !important} .sp-cdm-rc-file .sp-cdm-rc-file-file {float:left;width:85%;;font-size:14px;font-weight:bold;color:#7d7d7d; margin-top: 5px;} .sp-cdm-rc-file .sp-cdm-rc-file-date { font-style:italic;font-size:12px;float:right;text-align:left;} .sp-cdm-rc-file .sp-cdm-rc-file-cat{margin-left:15px;font-size:12px;} .sp-cdm-rc-file-file-inside{} .sp-cdm-rc-file-toolbox{text-align:right;background-color:#f8f8f8;padding:2px;color:#FFF;position:absolute;margin-top:-22px;right:10px} .sp-cdm-rc-file-toolbox a{margin-right:10px;font-size:12px;font-weight:400} .sp-cdm-rc-file-toolbox a:hover{text-decoration:underline;} @media (max-width: 768px) { .sp-cdm-r-file-toolbox{text-align:right;background-color:#f8f8f8;padding:2px;color:#FFF;position: inherit;margin-top:5px;right:auto;width:100%;} .sp-cdm-r-file .sp-cdm-r-file-file {float:left;width: auto} .sp-cdm-rc-file-toolbox{text-align:right;background-color:#f8f8f8;padding:2px;color:#FFF;position: inherit;margin-top:5px;right:auto;width:100%;} .sp-cdm-rc-file .sp-cdm-rc-file-file {float:left; width:auto} .sp-cdm-rc-file .sp-cdm-rc-file-date{display:block;float:none;} .cdm-advanced-search-field{width:auto;float:none;} .sp-cdm-premium-search .cdm_nav_buttons a:link,sp-cdm-premium-search .cdm_nav_buttons a:visited { display:block;width: auto; text-align:center;float:none; } } .cdm-recycle-bin-menu{padding:10px;} .cdm-recycle-bin-menu a {margin-right:40px !important;} .cdm-recycle-bin{margin:10px;border:1px solid #EFEFEF; background:#FFF} .cdm-recycle-bin h2{ background:#CCC;color:FFF;padding:10px;margin-top:0px; text-align:center} .cdm-recycle-bin h3{background-color:#EFEFEF;padding:10px;margin:10px;} .cdm-recycled-items{padding:10px;} .cdm-recycled-item {float:left;display:block;padding:5px;border:1px solid #CCC; border-radius:5px; margin:2px; text-decoration:none;color:#333;font-weight:bold;min-width:100px; } #dlg_cdm_file_list tr:nth-child(even) {background: #EFEFEF} .view-file-content a{text-decoration:none !important;} .sp-cdm-file-date{text-align:right;} .sp-cdm-file-view-refresh{text-align:right} .sp-cdm-file-view-refresh a{margin-left:15px;} .sp-cdm-file-view-refresh a:hover{ text-decoration:none} .sp_cu_event_log{} .sp_cu_event_log .sp_cu_event_log_item{background-color:#EFEFEF;padding:10px;margin:5px;font-size:.9em;} .sp_cu_event_log .sp_cu_event_log_item_content{padding:3px;} .sp_cu_event_log .sp_cu_event_log_item_by{padding:3px;font-size:.9em;} #upload_form{position:relative;} #upload_form .error { clear: both; color: #f00; position:absolute; background-color:#F7DFE0;width:75px; font-size: 12px; } #wp-admin-bar-document-dashboard .ab-icon:before{ font-family: "dashicons" !important; content: "\f498" !important; } #wp-admin-bar-document-settings .ab-icon:before{ font-family: "dashicons" !important; content: "\f107" !important; } #wp-admin-bar-document-uploader .ab-icon:before{ font-family: "dashicons" !important; content: "\f176" !important; } .view-file-content{font-size:12px; text-align:left} .ui-dialog{ z-index:100000000 !important} .ui-datepicker select option{color:#000 !important; background-color:#E0E0E0 !important} .ui-datepicker select{color:#000 !important; background-color:#E0E0E0 !important} .sp_client_document_manager_wrapper img{box-shadow:none !important;border:0px;} .cdm_img_container{height:80px; vertical-align:middle;overflow:hidden; text-align:center} .cdm_img_container img{max-width:95%;} .cdm_nav_buttons{margin-bottom:10px;} .cdm_nav_buttons img{border:none !important;box-shadow:none !important} .cdm_nav_buttons a:link,.cdm_nav_buttons a:visited{ display: inline-flex; vertical-align: middle;display:block;float:left;padding:3px;margin-right:10px; text-decoration:none; text-decoration:none;padding:12px;background-color:#d8d8d8;color:#333;font-weight:bold;font-size:13px; background-position:5px; background-repeat:no-repeat} .cdm_nav_buttons a:hover{ background-color:#E4E4E4} .cdm_nav_buttons .sp_cdm_add_file{font-size:14px;} .cdm_nav_buttons .sp_cdm_add_folder{ } .cdm_nav_buttons .sp_cdm_dropbox{} .cdm_nav_buttons .sp_cdm_refresh{} .cdm_nav_buttons .sp_cdm_logout{} .sp_cdm_error{padding:10px;margin:5px;background-color:#ffd5d5;color:#000;font-weight:bold} .sp_cdm_success{padding:10px;margin:5px;background-color:#DFFCDA;color:green;font-weight:bold} #dlg_cdm_file_list table {width:100%} #upload_form {font-size:12px;} #dlg_cdm_thumbnails .dlg_cdm_thumbnail_folder{ float:left;width:135px;height:150px; text-align:center;padding-top:10px;} #dlg_cdm_thumbnails .dlg_cdm_thumbnail_folder img{max-width:100px;} #dlg_cdm_thumbnails .dlg_cdm_thumbnail_folder a {display:block; text-decoration:none;} #dlg_cdm_thumbnails .dlg_cdm_thumbnail_folder a:hover { background-color:#D9EFFB;border-radius:10px} #dlg_cdm_thumbnails .dlg_cdm_thumbnail_image {padding-top:20px;} #cdm_wrapper{padding:5px;font-size:12px;margin:5px; min-height:500px;} #sp_cu_viewfile{ } td{ vertical-align:top} .sp_su_project, .sp_su_notes,.sp_su_history{ background-color:#F0F0F0;padding:5px;margin:5px;font-size:12px;} .sp_su_history{height:120px;overflow:auto;} .view-file-info h2{font-size:1.1em;font-weight:bold; margin:0px !important;padding:0px !important;} .sp_cu_filetree{border:1px solid #ccc;border-radius:5px;padding:5px;font-size:12px;margin:5px; background-color:#f4f4f4;height:440px; overflow-x: hidden; overflow-y: scroll;} .sp_cu_manage{ text-align:right;padding:5px;font-size:12px;} .sp_cu_manage em{ font-size:.8em;} .sp_cu_item{border-radius:5px;padding:5px;font-size:12px;margin:5px; } .sp_cu_item h3{font-size:18px;font-weight:bold;margin:0px !important;padding:0px !important;} .sp_cu_item td,.sp_cu_item table{border:none !important;} #upload-message { background-color:#FFFFEE; border:1px dashed #CC3300; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:14px; width:400px; padding:10px; margin:10px 0px; } .upload-progress { background-image: url('images/infobox200x40.gif'); width:200px; height:40px; } .upload-progress div.meter { width:20px; height:7px; font-size:1px; /* IE display hack */ background-color:#FFCC00; margin-left:10px; margin-top:1px; border:1px solid black; } .upload-progress div.readout { padding:5px 0px 0px 12px; font-family:"Courier New", Courier, monospace; font-size:10px; line-height:10px; } .upload-progress div.readout span { font-weight:bold; } #cdm_upload_fields{ text-align:left;margin:15px 0px;} .cdm-community-remove-queue{ cursor: pointer;} #cdm_upload_fields .custom-file-upload { border: 1px solid #ccc; display: inline-block; padding: 6px 12px; cursor: pointer; margin:10px 0px; } .sp_upload_div{margin:2px;padding:2px; background-color:#EFEFEF;} .sp_upload_div input{padding:1px;margin:1px;font-size:12px !important;} .sp_upload_name{width:360px;float:left;} #dlg_cdm_file_list table {margin:5px;padding:0px;border:0px;} #dlg_cdm_file_list table tbody tr:hover{background-color: #CEE8F4; cursor:pointer} #dlg_cdm_file_list td {margin:1px !important; ;padding:0px !important;border:0px ; text-align:center } #dlg_cdm_file_list th {margin:1px !important;;padding:0px !important;border:0px ; text-align:center; background-color:#E8E8E8;border-bottom:2px solid #CCC; font-weight:bold; } #dlg_cdm_file_list td.cdm_file_icon {width:30px;border-bottom:1px dotted #CCC;background: url(images/types/file.png) left top no-repeat; } #dlg_cdm_file_list td.cdm_file_info { border-bottom:1px dotted #CCC; text-align:left} #dlg_cdm_file_list td.cdm_file_date { border-bottom:1px dotted #CCC;width:180px;} #dlg_cdm_file_list td.cdm_file_type {width:120px;border-bottom:1px dotted #CCC;} /* Core Styles */ #dlg_cdm_file_list td.ext_directory { background: url(images/types/directory.png) left top no-repeat; } #dlg_cdm_file_list td.ext_expanded { background: url(images/types/folder_open.png) left top no-repeat; } #dlg_cdm_file_list td.ext_file { background: url(images/types/file.png) left top no-repeat; } #dlg_cdm_file_list td.ext_wait { background: url(images/types/spinner.gif) left top no-repeat; } /* File Extensions*/ #dlg_cdm_file_list td.ext_3gp { background: url(images/types/film.png) left top no-repeat; } #dlg_cdm_file_list td.ext_afp { background: url(images/types/code.png) left top no-repeat; } #dlg_cdm_file_list td.ext_afpa { background: url(images/types/code.png) left top no-repeat; } #dlg_cdm_file_list td.ext_asp { background: url(images/types/code.png) left top no-repeat; } #dlg_cdm_file_list td.ext_aspx { background: url(images/types/code.png) left top no-repeat; } #dlg_cdm_file_list td.ext_avi { background: url(images/types/film.png) left top no-repeat; } #dlg_cdm_file_list td.ext_bat { background: url(images/types/application.png) left top no-repeat; } #dlg_cdm_file_list td.ext_bmp { background: url(images/types/picture.png) left top no-repeat; } #dlg_cdm_file_list td.ext_c { background: url(images/types/code.png) left top no-repeat; } #dlg_cdm_file_list td.ext_cfm { background: url(images/types/code.png) left top no-repeat; } #dlg_cdm_file_list td.ext_cgi { background: url(images/types/code.png) left top no-repeat; } #dlg_cdm_file_list td.ext_com { background: url(images/types/application.png) left top no-repeat; } #dlg_cdm_file_list td.ext_cpp { background: url(images/types/code.png) left top no-repeat; } #dlg_cdm_file_list td.ext_css { background: url(images/types/css.png) left top no-repeat; } #dlg_cdm_file_list td.ext_doc { background: url(images/types/doc.png) left top no-repeat; } #dlg_cdm_file_list td.ext_exe { background: url(images/types/application.png) left top no-repeat; } #dlg_cdm_file_list td.ext_gif { background: url(images/types/picture.png) left top no-repeat; } #dlg_cdm_file_list td.ext_fla { background: url(images/types/flash.png) left top no-repeat; } #dlg_cdm_file_list td.ext_h { background: url(images/types/code.png) left top no-repeat; } #dlg_cdm_file_list td.ext_htm { background: url(images/types/html.png) left top no-repeat; } #dlg_cdm_file_list td.ext_html { background: url(images/types/html.png) left top no-repeat; } #dlg_cdm_file_list td.ext_jar { background: url(images/types/java.png) left top no-repeat; } #dlg_cdm_file_list td.ext_jpg { background: url(images/types/picture.png) left top no-repeat; } #dlg_cdm_file_list td.ext_jpeg { background: url(images/types/picture.png) left top no-repeat; } #dlg_cdm_file_list td.ext_js { background: url(images/types/script.png) left top no-repeat; } #dlg_cdm_file_list td.ext_lasso { background: url(images/types/code.png) left top no-repeat; } #dlg_cdm_file_list td.ext_log { background: url(images/types/txt.png) left top no-repeat; } #dlg_cdm_file_list td.ext_m4p { background: url(images/types/music.png) left top no-repeat; } #dlg_cdm_file_list td.ext_mov { background: url(images/types/film.png) left top no-repeat; } #dlg_cdm_file_list td.ext_mp3 { background: url(images/types/music.png) left top no-repeat; } #dlg_cdm_file_list td.ext_mp4 { background: url(images/types/film.png) left top no-repeat; } #dlg_cdm_file_list td.ext_mpg { background: url(images/types/film.png) left top no-repeat; } #dlg_cdm_file_list td.ext_mpeg { background: url(images/types/film.png) left top no-repeat; } #dlg_cdm_file_list td.ext_ogg { background: url(images/types/music.png) left top no-repeat; } #dlg_cdm_file_list td.ext_pcx { background: url(images/types/picture.png) left top no-repeat; } #dlg_cdm_file_list td.ext_pdf { background: url(images/types/pdf.png) left top no-repeat; } #dlg_cdm_file_list td.ext_php { background: url(images/types/php.png) left top no-repeat; } #dlg_cdm_file_list td.ext_png { background: url(images/types/picture.png) left top no-repeat; } #dlg_cdm_file_list td.ext_ppt { background: url(images/types/ppt.png) left top no-repeat; } #dlg_cdm_file_list td.ext_psd { background: url(images/types/psd.png) left top no-repeat; } #dlg_cdm_file_list td.ext_pl { background: url(images/types/script.png) left top no-repeat; } #dlg_cdm_file_list td.ext_py { background: url(images/types/script.png) left top no-repeat; } #dlg_cdm_file_list td.ext_rb { background: url(images/types/ruby.png) left top no-repeat; } #dlg_cdm_file_list td.ext_rbx { background: url(images/types/ruby.png) left top no-repeat; } #dlg_cdm_file_list td.ext_rhtml { background: url(images/types/ruby.png) left top no-repeat; } #dlg_cdm_file_list td.ext_rpm { background: url(images/types/linux.png) left top no-repeat; } #dlg_cdm_file_list td.ext_ruby { background: url(images/types/ruby.png) left top no-repeat; } #dlg_cdm_file_list td.ext_sql { background: url(images/types/db.png) left top no-repeat; } #dlg_cdm_file_list td.ext_swf { background: url(images/types/flash.png) left top no-repeat; } #dlg_cdm_file_list td.ext_tif { background: url(images/types/picture.png) left top no-repeat; } #dlg_cdm_file_list td.ext_tiff { background: url(images/types/picture.png) left top no-repeat; } #dlg_cdm_file_list td.ext_txt { background: url(images/types/txt.png) left top no-repeat; } #dlg_cdm_file_list td.ext_vb { background: url(images/types/code.png) left top no-repeat; } #dlg_cdm_file_list td.ext_wav { background: url(images/types/music.png) left top no-repeat; } #dlg_cdm_file_list td.ext_wmv { background: url(images/types/film.png) left top no-repeat; } #dlg_cdm_file_list td.ext_xls { background: url(images/types/xls.png) left top no-repeat; } #dlg_cdm_file_list td.ext_xml { background: url(images/types/code.png) left top no-repeat; } #dlg_cdm_file_list td.ext_zip { background: url(images/types/zip.png) left top no-repeat; } .uploadArea{ min-height:300px; height:auto; border:1px dotted #ccc; padding:10px; cursor:move; margin-bottom:10px; position:relative;} .uploadArea h1{ color:#ccc; width:100%; z-index:0; text-align:center; vertical-align:middle; position:absolute; top:25px;} .dfiles{ clear:both; border:1px solid #ccc; background-color:#E4E4E4; padding:3px; position:relative; height:25px; margin:3px; z-index:1; width:97%; opacity:0.6; cursor:default;} .buttonUpload { display:inline-block; padding: 4px 10px 4px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0074cc; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border: 1px solid #cccccc; color:#fff; } .progress img{ margin-top:7px; margin-left:24px; } .remodal p {clear:both; text-align:left} .remodal p label{float:left;width:20%;} .cdm-two-column p {clear:both; text-align:left} .cdm-two-column .l-column{float:left;width:50%;} .cdm-two-column .l-column img{max-height:200px} .cdm-two-column .r-column{float:left;width:50%} .sp_cu_manage{} form.cdm_form p {clear:both; text-align:left;margin-bottom:15px;} form.cdm_form p label{float:left;width:20%;} .batch_function_button span{line-height: 15px; font-size: 40px; color: #000;} a.cdm_button{color:#FFF !important;padding:10px} .cdm_button{ } .cdm_button:hover { } .cdm_button:active { } @media (max-width:700px) { .cdm-two-column p {clear:both; text-align:left} .cdm-two-column .l-column{float:none;width:100%; text-align:center} .cdm-two-column .r-column{float:none;width:100%;} form.cdm_form p {clear:both; text-align:left} form.cdm_form p label{float:none;width:100%;display:block;} .remodal p {clear:both; text-align:left} .remodal p label{float:none;width:100%;display:block;} .sp_cu_manage a, .cdm_nav_buttons a{display:block;float:none;width:auto;background-color:#EFEFEF;margin:5px;} } .sp_cu_manage a.cdm_refresh_file_view{color:#157AB7 !important;} .sp_cu_manage a.sp-cdm-delete-file{color: #740509 !important} .sp_cu_manage a{color:#333 !important;margin-right:10px;} .sp_cu_manage a:hover{color: #157AB7 !important;margin-right:10px;} .sp_cu_manage a span{font-size:1.4em;} .sp_cu_manage .cdm-dashicons{font-size:22px;} .sp_cu_manage a:hover{text-decoration:none;} .sp_cu_manage .cdm_refresh_file_view .cdm-dashicon{font-size:16px} #cdm_nav_buttons a:link, #cdm_nav_buttons a:visited { background: #333; color:#FFF; } #cdm_nav_buttons a{ background: #333; color:#FFF; } .dropdown-button .dashicons{ margin-top: 4px !important} .cdm_responsive_button a { display: inline-block; background: #333; padding: 5px 10px; display: inline-block; font-family: arial; font-size: 13px; line-height: 30px; color: #FFF; font-weight: bold; margin-bottom:10px;margin-left:15px; } .cdm_responsive_button a:hover { text-decoration:none; background: #555; } .cdm_responsive_button a:active { background: #555 text-decoration:none; } .cdm_responsive_button{display:none;} .open-cdm-nav{display:block !important;width:200px;position:absolute; background: #333; ;padding:5px; margin-left: 15px; margin-top: -10px;} .open-cdm-nav a{display:block ;width:auto !important;float:none!important} .close-cdm-nav{display:none;} @media (max-width:768px) { #cdm_nav_buttons{display:none;} .cdm_responsive_button{display:inline;margin:-bottom:10px;} .dropdown-tip{ background-color:#FFF} } /* Modern CDM interface layer */ :root { --cdm-color-primary: #2563eb; --cdm-color-primary-strong: #1d4ed8; --cdm-color-accent: #14b8a6; --cdm-color-danger: #dc2626; --cdm-color-surface: #ffffff; --cdm-color-surface-soft: #f8fafc; --cdm-color-border: #e2e8f0; --cdm-color-text: #0f172a; --cdm-color-muted: #64748b; --cdm-shadow-card: 0 18px 45px rgba(15, 23, 42, 0.10); --cdm-shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.08); --cdm-radius-lg: 18px; --cdm-radius-md: 12px; --cdm-radius-sm: 8px; } #cdm_wrapper, #cdm-responsive-view, .cdm-public-file-list { background: linear-gradient(180deg, var(--cdm-color-surface) 0%, var(--cdm-color-surface-soft) 100%); border: 1px solid var(--cdm-color-border); border-radius: var(--cdm-radius-lg); box-shadow: var(--cdm-shadow-card); color: var(--cdm-color-text); font-size: 14px; margin: 16px 0; padding: 18px; } #cdm_wrapper *, #cdm-responsive-view *, .cdm_nav_buttons *, .remodal * { box-sizing: border-box; } .cdm_nav_buttons, #cdm_nav_buttons, .sp-cdm-below-search-nav { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 14px; } .cdm_nav_buttons::after, #cdm_nav_buttons::after, .sp-cdm-below-search-nav::after { clear: both; content: ""; display: table; } .cdm_nav_buttons a:link, .cdm_nav_buttons a:visited, #cdm_nav_buttons a:link, #cdm_nav_buttons a:visited, .cdm_responsive_button a, a.sp-cdm-search-button, a.cdm_button, .buttonUpload, #dlg-upload, #upload_form input[type="submit"], .remodal input[type="submit"] { align-items: center; background: linear-gradient(135deg, var(--cdm-color-primary), var(--cdm-color-primary-strong)) !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 10px 22px rgba(37, 99, 235, 0.22); color: #fff !important; cursor: pointer; display: inline-flex !important; float: none !important; font-size: 13px !important; font-weight: 700 !important; gap: 6px; justify-content: center; letter-spacing: 0.01em; line-height: 1.2 !important; margin: 0 !important; min-height: 40px; padding: 11px 16px !important; text-decoration: none !important; transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .cdm_nav_buttons a:hover, #cdm_nav_buttons a:hover, .cdm_responsive_button a:hover, a.sp-cdm-search-button:hover, a.cdm_button:hover, .buttonUpload:hover, #dlg-upload:hover, #upload_form input[type="submit"]:hover, .remodal input[type="submit"]:hover { background: linear-gradient(135deg, var(--cdm-color-primary-strong), #1e40af) !important; box-shadow: 0 14px 28px rgba(37, 99, 235, 0.28); text-decoration: none !important; transform: translateY(-1px); } .cdm_nav_buttons .sp_cdm_logout, #cdm_nav_buttons .sp_cdm_logout { background: #eef2ff !important; box-shadow: none; color: var(--cdm-color-primary-strong) !important; } #search_files, .sp-cdm-premium-search #search_files, #upload_form input[type="text"], #upload_form textarea, .remodal input[type="text"], .remodal textarea, .remodal select, form.cdm_form input[type="text"], form.cdm_form textarea, form.cdm_form select { background: #fff; border: 1px solid var(--cdm-color-border) !important; border-radius: var(--cdm-radius-md) !important; box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04); color: var(--cdm-color-text); font-size: 14px; min-height: 42px; padding: 10px 12px !important; transition: border-color 0.2s ease, box-shadow 0.2s ease; } #search_files:focus, #upload_form input[type="text"]:focus, #upload_form textarea:focus, .remodal input[type="text"]:focus, .remodal textarea:focus, .remodal select:focus, form.cdm_form input[type="text"]:focus, form.cdm_form textarea:focus, form.cdm_form select:focus { border-color: var(--cdm-color-primary) !important; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12); outline: none; } #dlg_cdm_file_list table { background: var(--cdm-color-surface); border-collapse: separate; border-radius: var(--cdm-radius-lg); border-spacing: 0; box-shadow: var(--cdm-shadow-soft); overflow: hidden; width: 100%; } #dlg_cdm_file_list th { background: #f1f5f9 !important; border-bottom: 1px solid var(--cdm-color-border) !important; color: var(--cdm-color-muted); font-size: 12px; letter-spacing: 0.05em; padding: 12px 10px !important; text-transform: uppercase; } #dlg_cdm_file_list td { background-color: #fff; border-bottom: 1px solid var(--cdm-color-border) !important; color: var(--cdm-color-text); padding: 12px 10px !important; vertical-align: middle; } #dlg_cdm_file_list tr:nth-child(even) td { background: #fbfdff; } #dlg_cdm_file_list table tbody tr:hover td, #dlg_cdm_thumbnails .dlg_cdm_thumbnail_folder a:hover, .sp-cdm-rc-folder:hover, .sp-cdm-rc-file:hover { background-color: #eef6ff !important; } .sp-cdm-rc-folder, .sp-cdm-rc-file, .sp_upload_div, .sp_su_project, .sp_su_notes, .sp_su_history, .sp_cu_filetree, .sp_cu_item, .cdm-recycle-bin, .sp_cu_event_log .sp_cu_event_log_item { background: #fff; border: 1px solid var(--cdm-color-border); border-radius: var(--cdm-radius-md); box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05); margin-bottom: 10px; } .sp-cdm-rc-folder-title, .sp-cdm-rc-file .sp-cdm-rc-file-file, #dlg_cdm_file_list td.cdm_file_info a, .view-file-info h2 { color: var(--cdm-color-text) !important; font-weight: 700; } .sp-cdm-rc-file .sp-cdm-rc-file-date, .sp-cdm-rc-file .sp-cdm-rc-file-size, .sp-cdm-rc-file .sp-cdm-rc-file-cat, .sp-cdm-file-date { color: var(--cdm-color-muted); } .sp-cdm-rc-file-toolbox, .sp_cu_manage { background: #f8fafc; border-radius: var(--cdm-radius-sm); color: var(--cdm-color-muted); } .sp_cu_manage a { color: var(--cdm-color-primary-strong) !important; font-weight: 700; } .sp_cu_manage a.sp-cdm-delete-file { color: var(--cdm-color-danger) !important; } .remodal, .cdm-modal { border-radius: 22px !important; box-shadow: 0 28px 80px rgba(15, 23, 42, 0.24) !important; color: var(--cdm-color-text); padding: 28px !important; } .remodal h2, #upload_form h2 { color: var(--cdm-color-text); font-size: 22px; letter-spacing: -0.02em; margin-top: 0; } #cdm_upload_fields { background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: var(--cdm-radius-lg); padding: 16px; } #cdm_upload_fields .custom-file-upload, .btn-file { background: #eff6ff; border-color: #bfdbfe !important; border-radius: 999px; color: var(--cdm-color-primary-strong); font-weight: 700; } .sp_cdm_error { background: #fef2f2; border: 1px solid #fecaca; border-radius: var(--cdm-radius-md); color: #991b1b; } .sp_cdm_success, .cdm-success-message { background: #ecfdf5 !important; border: 1px solid #bbf7d0; border-radius: var(--cdm-radius-md); color: #166534; } @media (max-width: 768px) { #cdm_wrapper, #cdm-responsive-view, .cdm-public-file-list, .remodal { border-radius: 16px !important; padding: 14px !important; } .cdm_nav_buttons, #cdm_nav_buttons, .sp-cdm-below-search-nav { align-items: stretch; display: flex; flex-direction: column; } .cdm_nav_buttons a, #cdm_nav_buttons a, a.sp-cdm-search-button, .cdm_responsive_button a { width: 100% !important; } #search_files, .sp-cdm-premium-search #search_files { width: 100% !important; } } /* Modern file detail experience */ #view_file_refresh { background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.10), transparent 32rem), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); border: 1px solid var(--cdm-color-border); border-radius: 24px; box-shadow: var(--cdm-shadow-card); color: var(--cdm-color-text); overflow: hidden; padding: 18px; } #view_file_refresh > .sp_cu_manage { align-items: center; background: rgba(255, 255, 255, 0.88); border: 1px solid rgba(226, 232, 240, 0.9); border-radius: 999px; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08); display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; margin: 0 0 14px; padding: 8px; text-align: right; } #view_file_refresh > .sp_cu_manage a, #view_file_refresh > .sp_cu_manage #cdm_comment_button_holder a { align-items: center; background: #eff6ff !important; border: 1px solid #bfdbfe; border-radius: 999px; color: var(--cdm-color-primary-strong) !important; display: inline-flex; font-size: 12px; font-weight: 800; gap: 6px; line-height: 1; margin: 0 !important; min-height: 34px; padding: 9px 12px; text-decoration: none; transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease; } #view_file_refresh > .sp_cu_manage a:hover { background: var(--cdm-color-primary) !important; color: #fff !important; transform: translateY(-1px); } #view_file_refresh > .sp_cu_manage a.sp-cdm-delete-file { background: #fef2f2 !important; border-color: #fecaca; color: var(--cdm-color-danger) !important; } #view_file_refresh > .sp_cu_manage a.sp-cdm-delete-file:hover { background: var(--cdm-color-danger) !important; color: #fff !important; } #view_file_refresh .sp-cdm-file-date, #view_file_refresh .sp-cdm-file-view-refresh { color: var(--cdm-color-muted); font-size: 12px; letter-spacing: 0.01em; margin: 6px 0; text-align: right; } #view_file_refresh .sp-cdm-file-date em { background: #f1f5f9; border-radius: 999px; display: inline-flex; padding: 7px 11px; } #view_file_refresh .sp-cdm-file-view-refresh a { color: var(--cdm-color-primary-strong) !important; font-weight: 800; } .viewFileTabs { margin-top: 18px; } .viewFileTabs > ul, .viewFileTabs .r-tabs-nav { align-items: center; background: #eef2ff; border: 1px solid #dbeafe; border-radius: 999px; display: flex; flex-wrap: wrap; gap: 6px; list-style: none !important; margin: 0 0 16px !important; padding: 6px !important; } .viewFileTabs > ul li, .viewFileTabs .r-tabs-nav .r-tabs-tab { list-style: none !important; margin: 0 !important; } .viewFileTabs > ul li a, .viewFileTabs .r-tabs-nav .r-tabs-anchor { background: transparent; border-radius: 999px; color: var(--cdm-color-muted) !important; display: inline-flex; font-size: 13px; font-weight: 800; padding: 10px 14px; text-decoration: none !important; transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; } .viewFileTabs > ul li.r-tabs-state-active a, .viewFileTabs > ul li.ui-state-active a, .viewFileTabs .r-tabs-state-active .r-tabs-anchor, .viewFileTabs > ul li a:hover, .viewFileTabs .r-tabs-nav .r-tabs-anchor:hover { background: #fff; box-shadow: 0 8px 18px rgba(37, 99, 235, 0.14); color: var(--cdm-color-primary-strong) !important; } .viewFileTabs .r-tabs-panel, .viewFileTabs > div[id^="cdm-"] { background: rgba(255, 255, 255, 0.88); border: 1px solid var(--cdm-color-border); border-radius: 20px; box-shadow: 0 8px 26px rgba(15, 23, 42, 0.06); padding: 18px; } #sp_cu_viewfile { background: transparent; } #sp_cu_viewfile .sp_cu_item { background: transparent; border: 0; box-shadow: none; margin: 0; padding: 0; } #sp_cu_viewfile .cdm-two-column { align-items: stretch; display: grid; gap: 18px; grid-template-columns: minmax(220px, 0.9fr) minmax(280px, 1.4fr); } #sp_cu_viewfile .cdm-two-column::after { clear: both; content: ""; display: table; } #sp_cu_viewfile .cdm-two-column .l-column, #sp_cu_viewfile .cdm-two-column .r-column { float: none; width: auto; } #sp_cu_viewfile .cdm-two-column .l-column { align-items: center; background: linear-gradient(135deg, rgba(37, 99, 235, 0.10), rgba(20, 184, 166, 0.08)), #f8fafc; border: 1px solid #dbeafe; border-radius: 20px; display: flex; justify-content: center; min-height: 260px; padding: 22px; } #sp_cu_viewfile .cdm-two-column .l-column a { display: block; margin: 0 !important; max-width: 100%; text-align: center; } #sp_cu_viewfile .cdm-two-column .l-column img, #sp_cu_viewfile .cdm-two-column .l-column video, #sp_cu_viewfile .cdm-two-column .l-column audio, #sp_cu_viewfile td:first-child img { border-radius: 16px; box-shadow: 0 18px 36px rgba(15, 23, 42, 0.16) !important; max-height: 360px; max-width: 100%; object-fit: contain; } #sp_cu_viewfile .cdm-two-column .l-column audio { box-shadow: none !important; width: 100%; } #sp_cu_viewfile .cdm-two-column .r-column { display: grid; gap: 10px; } #sp_cu_viewfile .sp_su_project, #sp_cu_viewfile .sp_su_notes, #sp_cu_viewfile .sp_su_history, #sp_cu_viewfile .view-file-info { background: #fff; border: 1px solid var(--cdm-color-border); border-radius: 16px; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05); color: var(--cdm-color-text); font-size: 14px; line-height: 1.55; margin: 0; padding: 14px 16px; } #sp_cu_viewfile .sp_su_project strong, #sp_cu_viewfile .sp_su_notes strong { color: var(--cdm-color-muted); display: block; font-size: 11px; letter-spacing: 0.06em; margin-bottom: 4px; text-transform: uppercase; } #sp_cu_viewfile table { background: transparent !important; border: 0 !important; display: block; width: 100% !important; } #sp_cu_viewfile table tbody, #sp_cu_viewfile table tr { display: block; width: 100%; } #sp_cu_viewfile table tr { display: grid; gap: 18px; grid-template-columns: minmax(220px, 0.9fr) minmax(280px, 1.4fr); } #sp_cu_viewfile table td { background: transparent !important; border: 0 !important; display: block; padding: 0 !important; text-align: left; width: auto !important; } #sp_cu_viewfile table td:first-child { align-items: center; background: linear-gradient(135deg, rgba(37, 99, 235, 0.10), rgba(20, 184, 166, 0.08)), #f8fafc !important; border: 1px solid #dbeafe !important; border-radius: 20px; display: flex; justify-content: center; min-height: 240px; padding: 22px !important; } #cdm-file-comments, #cdm-file-log, #cdm-events-log, #cdm-file-revisions, #cdm-file-share, #cdm-file-edit { color: var(--cdm-color-text); } @media (max-width: 820px) { #view_file_refresh { border-radius: 18px; padding: 14px; } #view_file_refresh > .sp_cu_manage { border-radius: 18px; justify-content: stretch; } #view_file_refresh > .sp_cu_manage a, #view_file_refresh > .sp_cu_manage #cdm_comment_button_holder, #view_file_refresh > .sp_cu_manage #cdm_comment_button_holder a { justify-content: center; width: 100%; } .viewFileTabs > ul, .viewFileTabs .r-tabs-nav { align-items: stretch; border-radius: 18px; flex-direction: column; } .viewFileTabs > ul li a, .viewFileTabs .r-tabs-nav .r-tabs-anchor { justify-content: center; width: 100%; } #sp_cu_viewfile .cdm-two-column, #sp_cu_viewfile table tr { grid-template-columns: 1fr; } #sp_cu_viewfile .cdm-two-column .l-column, #sp_cu_viewfile table td:first-child { min-height: 180px; } } /* Full app shell and dashboard-style layout */ .sp-cdm-app { --cdm-app-max-width: 1440px; color: var(--cdm-color-text); margin: 0 auto; max-width: none; width: 100%; } body:not(.wp-admin) .sp-cdm-app { margin-left: calc(50% - min(calc(var(--cdm-app-max-width) / 2), calc(50vw - 16px))); margin-right: calc(50% - min(calc(var(--cdm-app-max-width) / 2), calc(50vw - 16px))); width: min(var(--cdm-app-max-width), calc(100vw - 32px)); } .sp-cdm-app .sp-cdm-hero { align-items: center; background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.28), transparent 28rem), linear-gradient(135deg, #1d4ed8 0%, #2563eb 46%, #14b8a6 100%); border-radius: 28px; box-shadow: 0 24px 60px rgba(37, 99, 235, 0.24); color: #fff; display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr) auto; margin: 0 0 18px; overflow: hidden; padding: clamp(22px, 4vw, 38px); position: relative; } .sp-cdm-app .sp-cdm-hero::after { background: rgba(255, 255, 255, 0.14); border-radius: 999px; content: ""; height: 180px; position: absolute; right: -58px; top: -78px; width: 180px; } .sp-cdm-app .sp-cdm-hero-content { position: relative; z-index: 1; } .sp-cdm-app .sp-cdm-eyebrow { background: rgba(255, 255, 255, 0.16); border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 999px; display: inline-flex; font-size: 12px; font-weight: 900; letter-spacing: 0.08em; margin-bottom: 12px; padding: 7px 11px; text-transform: uppercase; } .sp-cdm-app .sp-cdm-hero h2 { color: #fff; font-size: clamp(28px, 4vw, 48px); letter-spacing: -0.045em; line-height: 1.02; margin: 0; max-width: 760px; padding: 0; } .sp-cdm-app .sp-cdm-hero p { color: rgba(255, 255, 255, 0.86); font-size: clamp(15px, 1.7vw, 18px); line-height: 1.55; margin: 14px 0 0; max-width: 680px; } .sp-cdm-app .sp-cdm-hero-stats { align-items: center; backdrop-filter: blur(18px); background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.26); border-radius: 22px; display: grid; justify-items: center; min-width: 132px; padding: 18px; position: relative; z-index: 1; } .sp-cdm-app .sp-cdm-stat-value { color: #fff; font-size: clamp(34px, 5vw, 56px); font-weight: 900; letter-spacing: -0.06em; line-height: 1; } .sp-cdm-app .sp-cdm-stat-label { color: rgba(255, 255, 255, 0.78); font-size: 12px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; } .sp-cdm-app #cdm_nav_buttons, .sp-cdm-app .sp-cdm-search-row, .sp-cdm-app .sp-cdm-below-search-nav { background: rgba(255, 255, 255, 0.9); border: 1px solid var(--cdm-color-border); border-radius: 20px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08); margin-bottom: 14px; padding: 12px; } .sp-cdm-app .sp-cdm-search-row { align-items: center; display: flex; gap: 10px; justify-content: flex-end; } .sp-cdm-app .sp-cdm-search-row #search_files { flex: 1 1 320px; max-width: none; } .sp-cdm-app #cdm_wrapper_form { background: transparent; margin: 0; width: 100%; } .sp-cdm-app #cmd_file_thumbs, .sp-cdm-app #cdm-responsive-view { min-height: 420px; } .sp-cdm-app .sp_responsive_view_list_rc, .sp-cdm-app .sp_responsive_view_list_rm, .sp-cdm-app .sp_responsive_view_list_r { display: grid; gap: 12px; } .sp-cdm-app .sp-cdm-loading { background: rgba(255, 255, 255, 0.78); border: 1px dashed #bfdbfe; border-radius: 22px; } @media (min-width: 1100px) { .sp-cdm-app #cmd_file_thumbs, .sp-cdm-app #cdm-responsive-view { padding: 24px; } } @media (max-width: 760px) { body:not(.wp-admin) .sp-cdm-app { margin-left: 0; margin-right: 0; width: 100%; } .sp-cdm-app .sp-cdm-hero { border-radius: 20px; grid-template-columns: 1fr; } .sp-cdm-app .sp-cdm-hero-stats { justify-items: start; min-width: 0; width: 100%; } .sp-cdm-app .sp-cdm-search-row { align-items: stretch; flex-direction: column; } } /* Drive-style two column workspace */ @media (min-width: 961px) { .sp-cdm-app { display: grid; gap: 16px; grid-template-areas: "hero hero" "sidebar search" "sidebar secondary" "sidebar content"; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); } .sp-cdm-app .sp-cdm-hero { grid-area: hero; margin-bottom: 0; } .sp-cdm-app .cdm_responsive_button { display: none !important; } .sp-cdm-app #cdm_nav_buttons { align-self: start; background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.94)), #fff; border-radius: 26px; box-shadow: 0 18px 42px rgba(15, 23, 42, 0.10); display: flex !important; flex-direction: column; gap: 9px; grid-area: sidebar; margin: 0; padding: 16px; position: sticky; top: 24px; } .sp-cdm-app #cdm_nav_buttons::before { color: var(--cdm-color-muted); content: "Quick actions"; display: block; font-size: 11px; font-weight: 900; letter-spacing: 0.09em; margin: 2px 4px 6px; text-transform: uppercase; } .sp-cdm-app #cdm_nav_buttons a { justify-content: flex-start; min-height: 46px; width: 100% !important; } .sp-cdm-app #cdm_nav_buttons a .fa, .sp-cdm-app #cdm_nav_buttons a .dashicons { align-items: center; background: rgba(255, 255, 255, 0.18); border-radius: 999px; display: inline-flex; height: 24px; justify-content: center; width: 24px; } .sp-cdm-app #cdm_nav_buttons .sp_cdm_add_file { background: linear-gradient(135deg, var(--cdm-color-primary), var(--cdm-color-accent)) !important; box-shadow: 0 14px 30px rgba(37, 99, 235, 0.28); } .sp-cdm-app #cdm_nav_buttons .sp_cdm_refresh, .sp-cdm-app #cdm_nav_buttons .sp_cdm_logout, .sp-cdm-app #cdm_nav_buttons a:not(.sp_cdm_add_file) { background: #f8fafc !important; border: 1px solid var(--cdm-color-border) !important; box-shadow: none; color: var(--cdm-color-text) !important; } .sp-cdm-app #cdm_nav_buttons .sp_cdm_refresh:hover, .sp-cdm-app #cdm_nav_buttons .sp_cdm_logout:hover, .sp-cdm-app #cdm_nav_buttons a:not(.sp_cdm_add_file):hover { background: #eef6ff !important; color: var(--cdm-color-primary-strong) !important; } .sp-cdm-app .sp-cdm-search-row { grid-area: search; margin: 0; min-height: 72px; } .sp-cdm-app .sp-cdm-below-search-nav { grid-area: secondary; margin: 0; } .sp-cdm-app .sp-cdm-below-search-nav:empty { display: none; } .sp-cdm-app #cdm_wrapper_form { grid-area: content; min-width: 0; } } @media (max-width: 960px) { .sp-cdm-app { display: block; } .sp-cdm-app #cdm_nav_buttons { display: grid !important; gap: 9px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 14px; } .sp-cdm-app #cdm_nav_buttons a { justify-content: center; text-align: center; width: 100% !important; } .sp-cdm-app .cdm_responsive_button { display: none !important; } } @media (max-width: 560px) { .sp-cdm-app #cdm_nav_buttons { grid-template-columns: 1fr; } } /* Modern login, registration, and password reset */ .sp-cdm-auth { align-items: stretch; background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.16), transparent 30rem), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); border: 1px solid var(--cdm-color-border); border-radius: 30px; box-shadow: var(--cdm-shadow-card); display: grid; gap: 0; grid-template-columns: minmax(280px, 0.85fr) minmax(320px, 1fr); margin: 0 auto; max-width: 1180px; overflow: hidden; } .sp-cdm-auth-wrapper { margin: 0 auto; max-width: 1180px; width: 100%; } .sp-cdm-auth-hero { background: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.22), transparent 16rem), linear-gradient(145deg, #1d4ed8 0%, #2563eb 48%, #14b8a6 100%); color: #fff; display: flex; flex-direction: column; justify-content: flex-end; min-height: 520px; padding: clamp(28px, 5vw, 48px); position: relative; } .sp-cdm-auth-hero::after { background: rgba(255, 255, 255, 0.12); border-radius: 999px; content: ""; height: 220px; position: absolute; right: -88px; top: -74px; width: 220px; } .sp-cdm-auth-hero .sp-cdm-eyebrow { width: fit-content; } .sp-cdm-auth-hero h2 { color: #fff; font-size: clamp(30px, 5vw, 54px); letter-spacing: -0.05em; line-height: 1.02; margin: 0; max-width: 520px; padding: 0; position: relative; z-index: 1; } .sp-cdm-auth-hero p { color: rgba(255, 255, 255, 0.84); font-size: 16px; line-height: 1.65; margin: 16px 0 0; max-width: 480px; position: relative; z-index: 1; } .sp-cdm-auth-panel { background: rgba(255, 255, 255, 0.92); padding: clamp(22px, 4vw, 42px); } .sp-cdm-auth-tabs { background: #eef2ff; border: 1px solid #dbeafe; border-radius: 999px; display: flex; gap: 6px; margin-bottom: 18px; padding: 6px; } .sp-cdm-auth-tab { background: transparent; border: 0; border-radius: 999px; color: var(--cdm-color-muted); cursor: pointer; flex: 1 1 0; font-size: 13px; font-weight: 900; padding: 11px 12px; transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease; } .sp-cdm-auth-tab.is-active, .sp-cdm-auth-tab:hover { background: #fff; box-shadow: 0 8px 18px rgba(37, 99, 235, 0.14); color: var(--cdm-color-primary-strong); } .sp-cdm-auth-message { margin-bottom: 14px; min-height: 0; } .sp-cdm-auth-message.sp-cdm-auth-loading, .sp-cdm-auth-notice { align-items: center; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 16px; color: var(--cdm-color-primary-strong); display: flex; gap: 8px; line-height: 1.45; padding: 12px 14px; } .sp-cdm-auth-notice-error, .sp-cdm-auth-message.sp-cdm-auth-error { background: #fef2f2; border-color: #fecaca; color: #991b1b; } .sp-cdm-auth-notice-success, .sp-cdm-auth-message.sp-cdm-auth-success { background: #ecfdf5; border-color: #bbf7d0; color: #166534; } .sp-cdm-auth-pane { display: none; } .sp-cdm-auth-pane.is-active { display: block; } .sp-cdm-auth-pane h3 { color: var(--cdm-color-text); font-size: clamp(24px, 3vw, 34px); letter-spacing: -0.035em; margin: 0; padding: 0; } .sp-cdm-auth-pane > p { color: var(--cdm-color-muted); font-size: 14px; line-height: 1.6; margin: 8px 0 22px; } .sp-cdm-auth-form { display: grid; gap: 14px; } .sp-cdm-auth-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); } .sp-cdm-auth .cdm-form-group { margin: 0; padding: 0; } .sp-cdm-auth .cdm-form-group label { color: var(--cdm-color-text); display: block; font-size: 12px; font-weight: 900; letter-spacing: 0.06em; margin-bottom: 7px; text-transform: uppercase; } .sp-cdm-auth input[type="text"], .sp-cdm-auth input[type="email"], .sp-cdm-auth input[type="password"] { background: #fff; border: 1px solid var(--cdm-color-border) !important; border-radius: 16px !important; box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04); color: var(--cdm-color-text); font-size: 15px; min-height: 48px; padding: 12px 14px !important; width: 100%; } .sp-cdm-auth input:focus { border-color: var(--cdm-color-primary) !important; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12); outline: 0; } .sp-cdm-auth-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; } .sp-cdm-auth-submit, .sp-cdm-auth-link { align-items: center; border: 0; border-radius: 999px; cursor: pointer; display: inline-flex; font-weight: 900; justify-content: center; min-height: 46px; padding: 12px 18px; text-decoration: none; transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .sp-cdm-auth-submit { background: linear-gradient(135deg, var(--cdm-color-primary), var(--cdm-color-primary-strong)); box-shadow: 0 14px 28px rgba(37, 99, 235, 0.24); color: #fff; } .sp-cdm-auth-submit:hover, .sp-cdm-auth-submit:focus { background: linear-gradient(135deg, var(--cdm-color-primary-strong), #1e40af); color: #fff; transform: translateY(-1px); } .sp-cdm-auth-submit.is-loading { opacity: 0.7; pointer-events: none; } .sp-cdm-auth-link { background: #f8fafc; border: 1px solid var(--cdm-color-border); color: var(--cdm-color-primary-strong); } .sp-cdm-auth-link:hover, .sp-cdm-auth-link:focus { background: #eef6ff; color: var(--cdm-color-primary-strong); } @media (max-width: 860px) { .sp-cdm-auth { grid-template-columns: 1fr; } .sp-cdm-auth-hero { min-height: auto; } } @media (max-width: 560px) { .sp-cdm-auth { border-radius: 20px; } .sp-cdm-auth-tabs, .sp-cdm-auth-actions { align-items: stretch; flex-direction: column; } .sp-cdm-auth-grid { grid-template-columns: 1fr; } .sp-cdm-auth-submit, .sp-cdm-auth-link { width: 100%; } }